#04c2e4 hex color

In a RGB color space, hex #04c2e4 is composed of 1.6% red, 76.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 14.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 189.1 degrees, a saturation of 96.6% and a lightness of 45.5%. #04c2e4 color hex could be obtained by blending #08ffff with #0085c9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 76
- B 89
RGB color chart
- C 98
- M 15
- Y 0
- K 11
CMYK color chart

● #04c2e4 color description : Vivid cyan.

The hexadecimal color #04c2e4 has RGB values of R:4, G:194, B:228 and CMYK values of C:0.98, M:0.15, Y:0, K:0.11. Its decimal value is 312036.

Hex triplet	04c2e4	`#04c2e4`
RGB Decimal	4, 194, 228	`rgb(4,194,228)`
RGB Percent	1.6, 76.1, 89.4	`rgb(1.6%,76.1%,89.4%)`
CMYK	98, 15, 0, 11
HSL	189.1°, 96.6, 45.5	`hsl(189.1,96.6%,45.5%)`
HSV (or HSB)	189.1°, 98.2, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.367, -28.262, -28.242
XYZ	33.342, 44.207, 80.17
xyY	0.211, 0.28, 44.207
CIE-LCH	72.367, 39.954, 224.979
CIE-LUV	72.367, -52.214, -41.113
Hunter-Lab	66.489, -26.844, -24.948
Binary	00000100, 11000010, 11100100

#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#e42604
```
#e42604 rgb(228,38,4)
```

Complementary Color

#04e496
```
#04e496 rgb(4,228,150)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#0452e4
```
#0452e4 rgb(4,82,228)
```

Analogous Color

#e49604
```
#e49604 rgb(228,150,4)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#e40452
```
#e40452 rgb(228,4,82)
```

Split Complementary Color

#c2e404
```
#c2e404 rgb(194,228,4)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#e404c2
```
#e404c2 rgb(228,4,194)
```

Triadic Color

#04e426
```
#04e426 rgb(4,228,38)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#e404c2
```
#e404c2 rgb(228,4,194)
```
#e42604
```
#e42604 rgb(228,38,4)
```

Tetradic Color

#038299
```
#038299 rgb(3,130,153)
```
#0397b2
```
#0397b2 rgb(3,151,178)
```
#04adcb
```
#04adcb rgb(4,173,203)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#07d6fb
```
#07d6fb rgb(7,214,251)
```
#20dafb
```
#20dafb rgb(32,218,251)
```
#39defc
```
#39defc rgb(57,222,252)
```

Monochromatic Color

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

#04e4ce
```
#04e4ce rgb(4,228,206)
```
#04e4e1
```
#04e4e1 rgb(4,228,225)
```
#04d5e4
```
#04d5e4 rgb(4,213,228)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#049de4
```
#049de4 rgb(4,157,228)
```
#048ae4
```
#048ae4 rgb(4,138,228)
```

Similar Colors

Text with hexadecimal color #04c2e4

This text has a font color of #04c2e4.

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

#04c2e4 background color

This paragraph has a background color of #04c2e4.

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

#04c2e4 border color

This element has a border color of #04c2e4.

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

CSS codes

.text {color:#04c2e4;}

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

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

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, #000e10 is the darkest color, while #fcfeff is the lightest one.

#000e10
```
#000e10 rgb(0,14,16)
```
#011e23
```
#011e23 rgb(1,30,35)
```
#012e37
```
#012e37 rgb(1,46,55)
```
#013f4a
```
#013f4a rgb(1,63,74)
```
#024f5d
```
#024f5d rgb(2,79,93)
```
#026070
```
#026070 rgb(2,96,112)
```
#027084
```
#027084 rgb(2,112,132)
```
#038097
```
#038097 rgb(3,128,151)
```
#0391aa
```
#0391aa rgb(3,145,170)
```
#03a1bd
```
#03a1bd rgb(3,161,189)
```
#04b2d1
```
#04b2d1 rgb(4,178,209)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#04d2f7
```
#04d2f7 rgb(4,210,247)
```

Shade Color Variation

#14d8fb
```
#14d8fb rgb(20,216,251)
```
#28dbfb
```
#28dbfb rgb(40,219,251)
```
#3bdefc
```
#3bdefc rgb(59,222,252)
```
#4ee2fc
```
#4ee2fc rgb(78,226,252)
```
#61e5fc
```
#61e5fc rgb(97,229,252)
```
#75e8fd
```
#75e8fd rgb(117,232,253)
```
#88ebfd
```
#88ebfd rgb(136,235,253)
```
#9beefd
```
#9beefd rgb(155,238,253)
```
#aff2fe
```
#aff2fe rgb(175,242,254)
```
#c2f5fe
```
#c2f5fe rgb(194,245,254)
```
#d5f8fe
```
#d5f8fe rgb(213,248,254)
```
#e8fbff
```
#e8fbff rgb(232,251,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#6f7779
```
#6f7779 rgb(111,119,121)
```
#667e82
```
#667e82 rgb(102,126,130)
```
#5d848b
```
#5d848b rgb(93,132,139)
```
#548a94
```
#548a94 rgb(84,138,148)
```
#4b909d
```
#4b909d rgb(75,144,157)
```
#4297a6
```
#4297a6 rgb(66,151,166)
```
#3a9dae
```
#3a9dae rgb(58,157,174)
```
#31a3b7
```
#31a3b7 rgb(49,163,183)
```
#28a9c0
```
#28a9c0 rgb(40,169,192)
```
#1fafc9
```
#1fafc9 rgb(31,175,201)
```
#16b6d2
```
#16b6d2 rgb(22,182,210)
```
#0dbcdb
```
#0dbcdb rgb(13,188,219)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#72989e Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb3da Protanopia 1% of men
#a5b3ec Deuteranopia 1% of men
#00c7d5 Tritanopia 0.001% of the population

Trichromacy

#6fb9dd Protanomaly 1% of men, 0.01% of women
#6ab8e9 Deuteranomaly 6% of men, 0.4% of women
#01c5da Tritanomaly 0.01% of the population

#04c2e4 hex color

#04c2e4 Color Information

#04c2e4 Color Conversion

Color Schemes with #04c2e4

Alternatives to #04c2e4

#04c2e4 Preview

Shades and Tints of #04c2e4

Tones of #04c2e4

Color Blindness Simulator