colorhexa.com

#04cae3 hex color

In a RGB color space, hex #04cae3 is composed of 1.6% red, 79.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 11% magenta, 0% yellow and 11% black. It has a hue angle of 186.7 degrees, a saturation of 96.5% and a lightness of 45.3%. #04cae3 color hex could be obtained by blending #08ffff with #0095c7. Closest websafe color is: #00cccc.

- R 2
- G 79
- B 89
RGB color chart
- C 98
- M 11
- Y 0
- K 11
CMYK color chart

● #04cae3 color description : Vivid cyan.

The hexadecimal color #04cae3 has RGB values of R:4, G:202, B:227 and CMYK values of C:0.98, M:0.11, Y:0, K:0.11. Its decimal value is 314083.

Hex triplet	04cae3	`#04cae3`
RGB Decimal	4, 202, 227	`rgb(4,202,227)`
RGB Percent	1.6, 79.2, 89	`rgb(1.6%,79.2%,89%)`
CMYK	98, 11, 0, 11
HSL	186.7°, 96.5, 45.3	`hsl(186.7,96.5%,45.3%)`
HSV (or HSB)	186.7°, 98.2, 89
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.705, -32.477, -24.122
XYZ	35.032, 47.809, 80.051
xyY	0.215, 0.294, 47.809
CIE-LCH	74.705, 40.455, 216.602
CIE-LUV	74.705, -54.996, -33.722
Hunter-Lab	69.144, -30.566, -20.241
Binary	00000100, 11001010, 11100011

#04cae3
```
#04cae3 rgb(4,202,227)
```
#e31d04
```
#e31d04 rgb(227,29,4)
```

Complementary Color

#04e38d
```
#04e38d rgb(4,227,141)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```
#045be3
```
#045be3 rgb(4,91,227)
```

Analogous Color

#e38d04
```
#e38d04 rgb(227,141,4)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```
#e3045b
```
#e3045b rgb(227,4,91)
```

Split Complementary Color

#cae304
```
#cae304 rgb(202,227,4)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```
#e304ca
```
#e304ca rgb(227,4,202)
```

Triadic Color

#038798
```
#038798 rgb(3,135,152)
```
#039db1
```
#039db1 rgb(3,157,177)
```
#04b4ca
```
#04b4ca rgb(4,180,202)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```
#06dffb
```
#06dffb rgb(6,223,251)
```
#1fe2fb
```
#1fe2fb rgb(31,226,251)
```
#38e6fb
```
#38e6fb rgb(56,230,251)
```

Monochromatic Color

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

#04e3c4
```
#04e3c4 rgb(4,227,196)
```
#04e3d7
```
#04e3d7 rgb(4,227,215)
```
#04dde3
```
#04dde3 rgb(4,221,227)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```
#04b7e3
```
#04b7e3 rgb(4,183,227)
```
#04a5e3
```
#04a5e3 rgb(4,165,227)
```
#0492e3
```
#0492e3 rgb(4,146,227)
```

Similar Colors

Text with hexadecimal color #04cae3

This text has a font color of #04cae3.

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

#04cae3 background color

This paragraph has a background color of #04cae3.

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

#04cae3 border color

This element has a border color of #04cae3.

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

CSS codes

.text {color:#04cae3;}

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

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

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

#000d0f
```
#000d0f rgb(0,13,15)
```
#011e22
```
#011e22 rgb(1,30,34)
```
#013036
```
#013036 rgb(1,48,54)
```
#014149
```
#014149 rgb(1,65,73)
```
#02525c
```
#02525c rgb(2,82,92)
```
#02636f
```
#02636f rgb(2,99,111)
```
#027483
```
#027483 rgb(2,116,131)
```
#038596
```
#038596 rgb(3,133,150)
```
#0397a9
```
#0397a9 rgb(3,151,169)
```
#03a8bc
```
#03a8bc rgb(3,168,188)
```
#04b9d0
```
#04b9d0 rgb(4,185,208)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```
#04dbf6
```
#04dbf6 rgb(4,219,246)
```

Shade Color Variation

#13e1fb
```
#13e1fb rgb(19,225,251)
```
#27e3fb
```
#27e3fb rgb(39,227,251)
```
#3ae6fc
```
#3ae6fc rgb(58,230,252)
```
#4de8fc
```
#4de8fc rgb(77,232,252)
```
#60ebfc
```
#60ebfc rgb(96,235,252)
```
#74edfd
```
#74edfd rgb(116,237,253)
```
#87f0fd
```
#87f0fd rgb(135,240,253)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#aef5fe
```
#aef5fe rgb(174,245,254)
```
#c1f7fe
```
#c1f7fe rgb(193,247,254)
```
#d4fafe
```
#d4fafe rgb(212,250,254)
```
#e7fcff
```
#e7fcff rgb(231,252,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#6f7778
```
#6f7778 rgb(111,119,120)
```
#667e81
```
#667e81 rgb(102,126,129)
```
#5d858a
```
#5d858a rgb(93,133,138)
```
#548c93
```
#548c93 rgb(84,140,147)
```
#4b939c
```
#4b939c rgb(75,147,156)
```
#429aa5
```
#429aa5 rgb(66,154,165)
```
#39a1ae
```
#39a1ae rgb(57,161,174)
```
#30a8b7
```
#30a8b7 rgb(48,168,183)
```
#28aebf
```
#28aebf rgb(40,174,191)
```
#1fb5c8
```
#1fb5c8 rgb(31,181,200)
```
#16bcd1
```
#16bcd1 rgb(22,188,209)
```
#0dc3da
```
#0dc3da rgb(13,195,218)
```
#04cae3
```
#04cae3 rgb(4,202,227)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#769da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bad8 Protanopia 1% of men
#b1b8ec Deuteranopia 1% of men
#00cddc Tritanopia 0.001% of the population

Trichromacy

#74bfdc Protanomaly 1% of men, 0.01% of women
#72bee8 Deuteranomaly 6% of men, 0.4% of women
#01ccde Tritanomaly 0.01% of the population