colorhexa.com

#ed02c2 hex color

In a RGB color space, hex #ed02c2 is composed of 92.9% red, 0.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 18.1% yellow and 7.1% black. It has a hue angle of 311 degrees, a saturation of 98.3% and a lightness of 46.9%. #ed02c2 color hex could be obtained by blending #ff04ff with #db0085. Closest websafe color is: #ff00cc.

- R 93
- G 1
- B 76
RGB color chart
- C 0
- M 99
- Y 18
- K 7
CMYK color chart

● #ed02c2 color description : Vivid magenta.

The hexadecimal color #ed02c2 has RGB values of R:237, G:2, B:194 and CMYK values of C:0, M:0.99, Y:0.18, K:0.07. Its decimal value is 15532738.

Hex triplet	ed02c2	`#ed02c2`
RGB Decimal	237, 2, 194	`rgb(237,2,194)`
RGB Percent	92.9, 0.8, 76.1	`rgb(92.9%,0.8%,76.1%)`
CMYK	0, 99, 18, 7
HSL	311°, 98.3, 46.9	`hsl(311,98.3%,46.9%)`
HSV (or HSB)	311°, 99.2, 92.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	53.971, 87.187, -36.607
XYZ	44.684, 21.947, 52.919
xyY	0.374, 0.184, 21.947
CIE-LCH	53.971, 94.56, 337.224
CIE-LUV	53.971, 96.631, -68.41
Hunter-Lab	46.848, 88.275, -34.181
Binary	11101101, 00000010, 11000010

#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#02ed2d
```
#02ed2d rgb(2,237,45)
```

Complementary Color

#a302ed
```
#a302ed rgb(163,2,237)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#ed024c
```
#ed024c rgb(237,2,76)
```

Analogous Color

#02eda3
```
#02eda3 rgb(2,237,163)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#4ded02
```
#4ded02 rgb(77,237,2)
```

Split Complementary Color

#02c2ed
```
#02c2ed rgb(2,194,237)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#c2ed02
```
#c2ed02 rgb(194,237,2)
```

Triadic Color

#a10184
```
#a10184 rgb(161,1,132)
```
#ba0299
```
#ba0299 rgb(186,2,153)
```
#d402ad
```
#d402ad rgb(212,2,173)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#fd0cd1
```
#fd0cd1 rgb(253,12,209)
```
#fd25d6
```
#fd25d6 rgb(253,37,214)
```
#fd3eda
```
#fd3eda rgb(253,62,218)
```

Monochromatic Color

Below, you can see some colors close to #ed02c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#dd02ed
```
#dd02ed rgb(221,2,237)
```
#ed02e9
```
#ed02e9 rgb(237,2,233)
```
#ed02d6
```
#ed02d6 rgb(237,2,214)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#ed02ae
```
#ed02ae rgb(237,2,174)
```
#ed029b
```
#ed029b rgb(237,2,155)
```
#ed0287
```
#ed0287 rgb(237,2,135)
```

Similar Colors

Text with hexadecimal color #ed02c2

This text has a font color of #ed02c2.

<span style="color:#ed02c2;">Text here</span>

#ed02c2 background color

This paragraph has a background color of #ed02c2.

<p style="background-color:#ed02c2;">Content here</p>

#ed02c2 border color

This element has a border color of #ed02c2.

<div style="border:1px solid #ed02c2;">Content here</div>

CSS codes

.text {color:#ed02c2;}

.background {background-color:#ed02c2;}

.border {border:1px solid #ed02c2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040003 is the darkest color, while #ffeffc is the lightest one.

#040003
```
#040003 rgb(4,0,3)
```
#170013
```
#170013 rgb(23,0,19)
```
#2a0023
```
#2a0023 rgb(42,0,35)
```
#3e0133
```
#3e0133 rgb(62,1,51)
```
#510143
```
#510143 rgb(81,1,67)
```
#650153
```
#650153 rgb(101,1,83)
```
#780162
```
#780162 rgb(120,1,98)
```
#8c0172
```
#8c0172 rgb(140,1,114)
```
#9f0182
```
#9f0182 rgb(159,1,130)
```
#b30292
```
#b30292 rgb(179,2,146)
```
#c602a2
```
#c602a2 rgb(198,2,162)
```
#da02b2
```
#da02b2 rgb(218,2,178)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```

Shade Color Variation

#fd06d0
```
#fd06d0 rgb(253,6,208)
```
#fd19d3
```
#fd19d3 rgb(253,25,211)
```
#fd2dd7
```
#fd2dd7 rgb(253,45,215)
```
#fd40db
```
#fd40db rgb(253,64,219)
```
#fe54de
```
#fe54de rgb(254,84,222)
```
#fe67e2
```
#fe67e2 rgb(254,103,226)
```
#fe7ae6
```
#fe7ae6 rgb(254,122,230)
```
#fe8eea
```
#fe8eea rgb(254,142,234)
```
#fea1ed
```
#fea1ed rgb(254,161,237)
```
#feb5f1
```
#feb5f1 rgb(254,181,241)
```
#ffc8f5
```
#ffc8f5 rgb(255,200,245)
```
#ffdcf8
```
#ffdcf8 rgb(255,220,248)
```
#ffeffc
```
#ffeffc rgb(255,239,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f707c is the less saturated color, while #ed02c2 is the most saturated one.

#7f707c
```
#7f707c rgb(127,112,124)
```
#886782
```
#886782 rgb(136,103,130)
```
#915e88
```
#915e88 rgb(145,94,136)
```
#9a558e
```
#9a558e rgb(154,85,142)
```
#a34c93
```
#a34c93 rgb(163,76,147)
```
#ad4299
```
#ad4299 rgb(173,66,153)
```
#b6399f
```
#b6399f rgb(182,57,159)
```
#bf30a5
```
#bf30a5 rgb(191,48,165)
```
#c827ab
```
#c827ab rgb(200,39,171)
```
#d11eb1
```
#d11eb1 rgb(209,30,177)
```
#db14b6
```
#db14b6 rgb(219,20,182)
```
#e40bbc
```
#e40bbc rgb(228,11,188)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```

Tone Color Variation

Below, you can see how #ed02c2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5e5e5e Achromatopsia 0.005% of the population
#7b4c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2083ff Protanopia 1% of men
#7a85b2 Deuteranopia 1% of men
#e45459 Tritanopia 0.001% of the population

Trichromacy

#6b54e8 Protanomaly 1% of men, 0.01% of women
#a455b8 Deuteranomaly 6% of men, 0.4% of women
#e7367f Tritanomaly 0.01% of the population