#02caed hex color

In a RGB color space, hex #02caed is composed of 0.8% red, 79.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 14.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 188.9 degrees, a saturation of 98.3% and a lightness of 46.9%. #02caed color hex could be obtained by blending #04ffff with #0095db. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 1
- G 79
- B 93
RGB color chart
- C 99
- M 15
- Y 0
- K 7
CMYK color chart

● #02caed color description : Vivid cyan.

The hexadecimal color #02caed has RGB values of R:2, G:202, B:237 and CMYK values of C:0.99, M:0.15, Y:0, K:0.07. Its decimal value is 183021.

Hex triplet	02caed	`#02caed`
RGB Decimal	2, 202, 237	`rgb(2,202,237)`
RGB Percent	0.8, 79.2, 92.9	`rgb(0.8%,79.2%,92.9%)`
CMYK	99, 15, 0, 7
HSL	188.9°, 98.3, 46.9	`hsl(188.9,98.3%,46.9%)`
HSV (or HSB)	188.9°, 99.2, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.054, -29.286, -28.975
XYZ	36.427, 48.365, 87.531
xyY	0.211, 0.281, 48.365
CIE-LCH	75.054, 41.198, 224.693
CIE-LUV	75.054, -54.263, -42.404
Hunter-Lab	69.545, -28.205, -25.943
Binary	00000010, 11001010, 11101101

#02caed
```
#02caed rgb(2,202,237)
```
#ed2502
```
#ed2502 rgb(237,37,2)
```

Complementary Color

#02ed9b
```
#02ed9b rgb(2,237,155)
```
#02caed
```
#02caed rgb(2,202,237)
```
#0255ed
```
#0255ed rgb(2,85,237)
```

Analogous Color

#ed9b02
```
#ed9b02 rgb(237,155,2)
```
#02caed
```
#02caed rgb(2,202,237)
```
#ed0255
```
#ed0255 rgb(237,2,85)
```

Split Complementary Color

#caed02
```
#caed02 rgb(202,237,2)
```
#02caed
```
#02caed rgb(2,202,237)
```
#ed02ca
```
#ed02ca rgb(237,2,202)
```

Triadic Color

#02ed25
```
#02ed25 rgb(2,237,37)
```
#02caed
```
#02caed rgb(2,202,237)
```
#ed02ca
```
#ed02ca rgb(237,2,202)
```
#ed2502
```
#ed2502 rgb(237,37,2)
```

Tetradic Color

#0189a1
```
#0189a1 rgb(1,137,161)
```
#029fba
```
#029fba rgb(2,159,186)
```
#02b4d4
```
#02b4d4 rgb(2,180,212)
```
#02caed
```
#02caed rgb(2,202,237)
```
#0cd9fd
```
#0cd9fd rgb(12,217,253)
```
#25ddfd
```
#25ddfd rgb(37,221,253)
```
#3ee1fd
```
#3ee1fd rgb(62,225,253)
```

Monochromatic Color

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

#02edd5
```
#02edd5 rgb(2,237,213)
```
#02ede9
```
#02ede9 rgb(2,237,233)
```
#02deed
```
#02deed rgb(2,222,237)
```
#02caed
```
#02caed rgb(2,202,237)
```
#02b6ed
```
#02b6ed rgb(2,182,237)
```
#02a3ed
```
#02a3ed rgb(2,163,237)
```
#028fed
```
#028fed rgb(2,143,237)
```

Similar Colors

Text with hexadecimal color #02caed

This text has a font color of #02caed.

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

#02caed background color

This paragraph has a background color of #02caed.

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

#02caed border color

This element has a border color of #02caed.

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

CSS codes

.text {color:#02caed;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001417
```
#001417 rgb(0,20,23)
```
#00242a
```
#00242a rgb(0,36,42)
```
#01353e
```
#01353e rgb(1,53,62)
```
#014551
```
#014551 rgb(1,69,81)
```
#015665
```
#015665 rgb(1,86,101)
```
#016778
```
#016778 rgb(1,103,120)
```
#01778c
```
#01778c rgb(1,119,140)
```
#01889f
```
#01889f rgb(1,136,159)
```
#0298b3
```
#0298b3 rgb(2,152,179)
```
#02a9c6
```
#02a9c6 rgb(2,169,198)
```
#02b9da
```
#02b9da rgb(2,185,218)
```
#02caed
```
#02caed rgb(2,202,237)
```

Shade Color Variation

#06d8fd
```
#06d8fd rgb(6,216,253)
```
#19dbfd
```
#19dbfd rgb(25,219,253)
```
#2ddefd
```
#2ddefd rgb(45,222,253)
```
#40e1fd
```
#40e1fd rgb(64,225,253)
```
#54e4fe
```
#54e4fe rgb(84,228,254)
```
#67e7fe
```
#67e7fe rgb(103,231,254)
```
#7aeafe
```
#7aeafe rgb(122,234,254)
```
#8eedfe
```
#8eedfe rgb(142,237,254)
```
#a1f0fe
```
#a1f0fe rgb(161,240,254)
```
#b5f3fe
```
#b5f3fe rgb(181,243,254)
```
#c8f6ff
```
#c8f6ff rgb(200,246,255)
```
#dcf9ff
```
#dcf9ff rgb(220,249,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#707d7f
```
#707d7f rgb(112,125,127)
```
#678388
```
#678388 rgb(103,131,136)
```
#5e8991
```
#5e8991 rgb(94,137,145)
```
#55909a
```
#55909a rgb(85,144,154)
```
#4c96a3
```
#4c96a3 rgb(76,150,163)
```
#429dad
```
#429dad rgb(66,157,173)
```
#39a3b6
```
#39a3b6 rgb(57,163,182)
```
#30aabf
```
#30aabf rgb(48,170,191)
```
#27b0c8
```
#27b0c8 rgb(39,176,200)
```
#1eb7d1
```
#1eb7d1 rgb(30,183,209)
```
#14bddb
```
#14bddb rgb(20,189,219)
```
#0bc4e4
```
#0bc4e4 rgb(11,196,228)
```
#02caed
```
#02caed rgb(2,202,237)
```

Tone Color Variation

Below, you can see how #02caed 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
#759da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bae2 Protanopia 1% of men
#acb9f5 Deuteranopia 1% of men
#00cedd Tritanopia 0.001% of the population

Trichromacy

#72c0e6 Protanomaly 1% of men, 0.01% of women
#6ebff2 Deuteranomaly 6% of men, 0.4% of women
#00cde3 Tritanomaly 0.01% of the population

#02caed hex color

#02caed Color Information

#02caed Color Conversion

Color Schemes with #02caed

Alternatives to #02caed

#02caed Preview

Shades and Tints of #02caed

Tones of #02caed

Color Blindness Simulator