colorhexa.com

#04ecd4 hex color

In a RGB color space, hex #04ecd4 is composed of 1.6% red, 92.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 0% magenta, 10.2% yellow and 7.5% black. It has a hue angle of 173.8 degrees, a saturation of 96.7% and a lightness of 47.1%. #04ecd4 color hex could be obtained by blending #08ffff with #00d9a9. Closest websafe color is: #00ffcc.

- R 2
- G 93
- B 83
RGB color chart
- C 98
- M 0
- Y 10
- K 7
CMYK color chart

● #04ecd4 color description : Vivid cyan.

The hexadecimal color #04ecd4 has RGB values of R:4, G:236, B:212 and CMYK values of C:0.98, M:0, Y:0.1, K:0.07. Its decimal value is 322772.

Hex triplet	04ecd4	`#04ecd4`
RGB Decimal	4, 236, 212	`rgb(4,236,212)`
RGB Percent	1.6, 92.5, 83.1	`rgb(1.6%,92.5%,83.1%)`
CMYK	98, 0, 10, 7
HSL	173.8°, 96.7, 47.1	`hsl(173.8,96.7%,47.1%)`
HSV (or HSB)	173.8°, 98.3, 92.5
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	84.363, -51.987, -1.666
XYZ	41.925, 64.766, 72.575
xyY	0.234, 0.361, 64.766
CIE-LCH	84.363, 52.014, 181.835
CIE-LUV	84.363, -67.584, 5.617
Hunter-Lab	80.477, -47.844, 2.866
Binary	00000100, 11101100, 11010100

#04ecd4
```
#04ecd4 rgb(4,236,212)
```
#ec041c
```
#ec041c rgb(236,4,28)
```

Complementary Color

#04ec60
```
#04ec60 rgb(4,236,96)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```
#0490ec
```
#0490ec rgb(4,144,236)
```

Analogous Color

#ec6004
```
#ec6004 rgb(236,96,4)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```
#ec0490
```
#ec0490 rgb(236,4,144)
```

Split Complementary Color

#ecd404
```
#ecd404 rgb(236,212,4)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```
#d404ec
```
#d404ec rgb(212,4,236)
```

Triadic Color

#03a190
```
#03a190 rgb(3,161,144)
```
#03baa7
```
#03baa7 rgb(3,186,167)
```
#04d3bd
```
#04d3bd rgb(4,211,189)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```
#0ffbe2
```
#0ffbe2 rgb(15,251,226)
```
#28fbe5
```
#28fbe5 rgb(40,251,229)
```
#41fce8
```
#41fce8 rgb(65,252,232)
```

Monochromatic Color

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

#04ec9a
```
#04ec9a rgb(4,236,154)
```
#04ecad
```
#04ecad rgb(4,236,173)
```
#04ecc1
```
#04ecc1 rgb(4,236,193)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```
#04ece7
```
#04ece7 rgb(4,236,231)
```
#04ddec
```
#04ddec rgb(4,221,236)
```
#04caec
```
#04caec rgb(4,202,236)
```

Similar Colors

Text with hexadecimal color #04ecd4

This text has a font color of #04ecd4.

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

#04ecd4 background color

This paragraph has a background color of #04ecd4.

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

#04ecd4 border color

This element has a border color of #04ecd4.

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

CSS codes

.text {color:#04ecd4;}

.background {background-color:#04ecd4;}

.border {border:1px solid #04ecd4;}

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, #000504 is the darkest color, while #f0fffd is the lightest one.

#000504
```
#000504 rgb(0,5,4)
```
#001815
```
#001815 rgb(0,24,21)
```
#012b27
```
#012b27 rgb(1,43,39)
```
#013e38
```
#013e38 rgb(1,62,56)
```
#015249
```
#015249 rgb(1,82,73)
```
#02655b
```
#02655b rgb(2,101,91)
```
#02786c
```
#02786c rgb(2,120,108)
```
#028c7d
```
#028c7d rgb(2,140,125)
```
#039f8f
```
#039f8f rgb(3,159,143)
```
#03b2a0
```
#03b2a0 rgb(3,178,160)
```
#03c5b1
```
#03c5b1 rgb(3,197,177)
```
#04d9c3
```
#04d9c3 rgb(4,217,195)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```

Shade Color Variation

#09fbe2
```
#09fbe2 rgb(9,251,226)
```
#1cfbe4
```
#1cfbe4 rgb(28,251,228)
```
#2ffbe6
```
#2ffbe6 rgb(47,251,230)
```
#43fce9
```
#43fce9 rgb(67,252,233)
```
#56fceb
```
#56fceb rgb(86,252,235)
```
#69fced
```
#69fced rgb(105,252,237)
```
#7dfdf0
```
#7dfdf0 rgb(125,253,240)
```
#90fdf2
```
#90fdf2 rgb(144,253,242)
```
#a3fdf4
```
#a3fdf4 rgb(163,253,244)
```
#b6fef6
```
#b6fef6 rgb(182,254,246)
```
#cafef9
```
#cafef9 rgb(202,254,249)
```
#ddfefb
```
#ddfefb rgb(221,254,251)
```
#f0fffd
```
#f0fffd rgb(240,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737d7c is the less saturated color, while #04ecd4 is the most saturated one.

#737d7c
```
#737d7c rgb(115,125,124)
```
#6a8683
```
#6a8683 rgb(106,134,131)
```
#60908b
```
#60908b rgb(96,144,139)
```
#579992
```
#579992 rgb(87,153,146)
```
#4ea299
```
#4ea299 rgb(78,162,153)
```
#45aba1
```
#45aba1 rgb(69,171,161)
```
#3bb5a8
```
#3bb5a8 rgb(59,181,168)
```
#32beaf
```
#32beaf rgb(50,190,175)
```
#29c7b7
```
#29c7b7 rgb(41,199,183)
```
#20d0be
```
#20d0be rgb(32,208,190)
```
#16dac5
```
#16dac5 rgb(22,218,197)
```
#0de3cd
```
#0de3cd rgb(13,227,205)
```
#04ecd4
```
#04ecd4 rgb(4,236,212)
```

Tone Color Variation

Below, you can see how #04ecd4 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

#a4a4a4 Achromatopsia 0.005% of the population
#84b2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd3c9 Protanopia 1% of men
#e2cfe1 Deuteranopia 1% of men
#49e7f8 Tritanopia 0.001% of the population

Trichromacy

#8cdccd Protanomaly 1% of men, 0.01% of women
#91d9dc Deuteranomaly 6% of men, 0.4% of women
#30e9eb Tritanomaly 0.01% of the population