colorhexa.com

#02cae3 hex color

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

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

● #02cae3 color description : Vivid cyan.

The hexadecimal color #02cae3 has RGB values of R:2, G:202, B:227 and CMYK values of C:0.99, M:0.11, Y:0, K:0.11. Its decimal value is 183011.

Hex triplet	02cae3	`#02cae3`
RGB Decimal	2, 202, 227	`rgb(2,202,227)`
RGB Percent	0.8, 79.2, 89	`rgb(0.8%,79.2%,89%)`
CMYK	99, 11, 0, 11
HSL	186.7°, 98.3, 44.9	`hsl(186.7,98.3%,44.9%)`
HSV (or HSB)	186.7°, 99.1, 89
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.696, -32.527, -24.135
XYZ	35.007, 47.796, 80.049
xyY	0.215, 0.293, 47.796
CIE-LCH	74.696, 40.503, 216.575
CIE-LUV	74.696, -55.057, -33.738
Hunter-Lab	69.135, -30.602, -20.256
Binary	00000010, 11001010, 11100011

#02cae3
```
#02cae3 rgb(2,202,227)
```
#e31b02
```
#e31b02 rgb(227,27,2)
```

Complementary Color

#02e38c
```
#02e38c rgb(2,227,140)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```
#025ae3
```
#025ae3 rgb(2,90,227)
```

Analogous Color

#e38c02
```
#e38c02 rgb(227,140,2)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```
#e3025a
```
#e3025a rgb(227,2,90)
```

Split Complementary Color

#cae302
```
#cae302 rgb(202,227,2)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```
#e302ca
```
#e302ca rgb(227,2,202)
```

Triadic Color

#018797
```
#018797 rgb(1,135,151)
```
#029db0
```
#029db0 rgb(2,157,176)
```
#02b4ca
```
#02b4ca rgb(2,180,202)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```
#02e0fc
```
#02e0fc rgb(2,224,252)
```
#1be4fd
```
#1be4fd rgb(27,228,253)
```
#34e7fd
```
#34e7fd rgb(52,231,253)
```

Monochromatic Color

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

#02e3c4
```
#02e3c4 rgb(2,227,196)
```
#02e3d7
```
#02e3d7 rgb(2,227,215)
```
#02dde3
```
#02dde3 rgb(2,221,227)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```
#02b7e3
```
#02b7e3 rgb(2,183,227)
```
#02a5e3
```
#02a5e3 rgb(2,165,227)
```
#0292e3
```
#0292e3 rgb(2,146,227)
```

Similar Colors

Text with hexadecimal color #02cae3

This text has a font color of #02cae3.

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

#02cae3 background color

This paragraph has a background color of #02cae3.

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

#02cae3 border color

This element has a border color of #02cae3.

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

CSS codes

.text {color:#02cae3;}

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

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

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

#000c0d
```
#000c0d rgb(0,12,13)
```
#001d21
```
#001d21 rgb(0,29,33)
```
#002e34
```
#002e34 rgb(0,46,52)
```
#014047
```
#014047 rgb(1,64,71)
```
#01515b
```
#01515b rgb(1,81,91)
```
#01626e
```
#01626e rgb(1,98,110)
```
#017382
```
#017382 rgb(1,115,130)
```
#018595
```
#018595 rgb(1,133,149)
```
#0196a9
```
#0196a9 rgb(1,150,169)
```
#02a7bc
```
#02a7bc rgb(2,167,188)
```
#02b9d0
```
#02b9d0 rgb(2,185,208)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```
#02dbf6
```
#02dbf6 rgb(2,219,246)
```

Shade Color Variation

#0fe2fd
```
#0fe2fd rgb(15,226,253)
```
#23e5fd
```
#23e5fd rgb(35,229,253)
```
#36e7fd
```
#36e7fd rgb(54,231,253)
```
#4ae9fd
```
#4ae9fd rgb(74,233,253)
```
#5decfe
```
#5decfe rgb(93,236,254)
```
#71eefe
```
#71eefe rgb(113,238,254)
```
#84f0fe
```
#84f0fe rgb(132,240,254)
```
#97f3fe
```
#97f3fe rgb(151,243,254)
```
#abf5fe
```
#abf5fe rgb(171,245,254)
```
#bef7fe
```
#bef7fe rgb(190,247,254)
```
#d2faff
```
#d2faff rgb(210,250,255)
```
#e5fcff
```
#e5fcff rgb(229,252,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#6c7879
```
#6c7879 rgb(108,120,121)
```
#637f82
```
#637f82 rgb(99,127,130)
```
#5a858b
```
#5a858b rgb(90,133,139)
```
#518c94
```
#518c94 rgb(81,140,148)
```
#48939d
```
#48939d rgb(72,147,157)
```
#409aa5
```
#409aa5 rgb(64,154,165)
```
#37a1ae
```
#37a1ae rgb(55,161,174)
```
#2ea8b7
```
#2ea8b7 rgb(46,168,183)
```
#25afc0
```
#25afc0 rgb(37,175,192)
```
#1cb5c9
```
#1cb5c9 rgb(28,181,201)
```
#14bcd1
```
#14bcd1 rgb(20,188,209)
```
#0bc3da
```
#0bc3da rgb(11,195,218)
```
#02cae3
```
#02cae3 rgb(2,202,227)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#749ca1 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

#73bfdc Protanomaly 1% of men, 0.01% of women
#71bee8 Deuteranomaly 6% of men, 0.4% of women
#00ccde Tritanomaly 0.01% of the population