#02caef hex color

In a RGB color space, hex #02caef is composed of 0.8% red, 79.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 15.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 189.4 degrees, a saturation of 98.3% and a lightness of 47.3%. #02caef color hex could be obtained by blending #04ffff with #0095df. Closest websafe color is: #00ccff.

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

● #02caef color description : Vivid cyan.

The hexadecimal color #02caef has RGB values of R:2, G:202, B:239 and CMYK values of C:0.99, M:0.15, Y:0, K:0.06. Its decimal value is 183023.

Hex triplet	02caef	`#02caef`
RGB Decimal	2, 202, 239	`rgb(2,202,239)`
RGB Percent	0.8, 79.2, 93.7	`rgb(0.8%,79.2%,93.7%)`
CMYK	99, 15, 0, 6
HSL	189.4°, 98.3, 47.3	`hsl(189.4,98.3%,47.3%)`
HSV (or HSB)	189.4°, 99.2, 93.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.128, -28.63, -29.937
XYZ	36.721, 48.482, 89.079
xyY	0.211, 0.278, 48.482
CIE-LCH	75.128, 41.424, 226.279
CIE-LUV	75.128, -54.105, -44.14
Hunter-Lab	69.629, -27.713, -27.111
Binary	00000010, 11001010, 11101111

#02caef
```
#02caef rgb(2,202,239)
```
#ef2702
```
#ef2702 rgb(239,39,2)
```

Complementary Color

#02ef9e
```
#02ef9e rgb(2,239,158)
```
#02caef
```
#02caef rgb(2,202,239)
```
#0253ef
```
#0253ef rgb(2,83,239)
```

Analogous Color

#ef9e02
```
#ef9e02 rgb(239,158,2)
```
#02caef
```
#02caef rgb(2,202,239)
```
#ef0254
```
#ef0254 rgb(239,2,84)
```

Split Complementary Color

#caef02
```
#caef02 rgb(202,239,2)
```
#02caef
```
#02caef rgb(2,202,239)
```
#ef02ca
```
#ef02ca rgb(239,2,202)
```

Triadic Color

#02ef27
```
#02ef27 rgb(2,239,39)
```
#02caef
```
#02caef rgb(2,202,239)
```
#ef02ca
```
#ef02ca rgb(239,2,202)
```
#ef2702
```
#ef2702 rgb(239,39,2)
```

Tetradic Color

#018aa3
```
#018aa3 rgb(1,138,163)
```
#029fbc
```
#029fbc rgb(2,159,188)
```
#02b5d6
```
#02b5d6 rgb(2,181,214)
```
#02caef
```
#02caef rgb(2,202,239)
```
#0ed8fd
```
#0ed8fd rgb(14,216,253)
```
#27dcfd
```
#27dcfd rgb(39,220,253)
```
#40e0fd
```
#40e0fd rgb(64,224,253)
```

Monochromatic Color

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

#02efd9
```
#02efd9 rgb(2,239,217)
```
#02efed
```
#02efed rgb(2,239,237)
```
#02deef
```
#02deef rgb(2,222,239)
```
#02caef
```
#02caef rgb(2,202,239)
```
#02b6ef
```
#02b6ef rgb(2,182,239)
```
#02a3ef
```
#02a3ef rgb(2,163,239)
```
#028fef
```
#028fef rgb(2,143,239)
```

Similar Colors

Text with hexadecimal color #02caef

This text has a font color of #02caef.

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

#02caef background color

This paragraph has a background color of #02caef.

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

#02caef border color

This element has a border color of #02caef.

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

CSS codes

.text {color:#02caef;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001519
```
#001519 rgb(0,21,25)
```
#00262c
```
#00262c rgb(0,38,44)
```
#013640
```
#013640 rgb(1,54,64)
```
#014653
```
#014653 rgb(1,70,83)
```
#015767
```
#015767 rgb(1,87,103)
```
#01677a
```
#01677a rgb(1,103,122)
```
#01788e
```
#01788e rgb(1,120,142)
```
#0188a1
```
#0188a1 rgb(1,136,161)
```
#0299b5
```
#0299b5 rgb(2,153,181)
```
#02a9c8
```
#02a9c8 rgb(2,169,200)
```
#02badc
```
#02badc rgb(2,186,220)
```
#02caef
```
#02caef rgb(2,202,239)
```

Shade Color Variation

#08d7fd
```
#08d7fd rgb(8,215,253)
```
#1bdafd
```
#1bdafd rgb(27,218,253)
```
#2fddfd
```
#2fddfd rgb(47,221,253)
```
#42e0fd
```
#42e0fd rgb(66,224,253)
```
#55e3fe
```
#55e3fe rgb(85,227,254)
```
#69e7fe
```
#69e7fe rgb(105,231,254)
```
#7ceafe
```
#7ceafe rgb(124,234,254)
```
#90edfe
```
#90edfe rgb(144,237,254)
```
#a3f0fe
```
#a3f0fe rgb(163,240,254)
```
#b7f3fe
```
#b7f3fe rgb(183,243,254)
```
#caf6ff
```
#caf6ff rgb(202,246,255)
```
#defaff
```
#defaff rgb(222,250,255)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#717d80
```
#717d80 rgb(113,125,128)
```
#688489
```
#688489 rgb(104,132,137)
```
#5f8a92
```
#5f8a92 rgb(95,138,146)
```
#55919c
```
#55919c rgb(85,145,156)
```
#4c97a5
```
#4c97a5 rgb(76,151,165)
```
#439dae
```
#439dae rgb(67,157,174)
```
#3aa4b7
```
#3aa4b7 rgb(58,164,183)
```
#30aac1
```
#30aac1 rgb(48,170,193)
```
#27b0ca
```
#27b0ca rgb(39,176,202)
```
#1eb7d3
```
#1eb7d3 rgb(30,183,211)
```
#15bddc
```
#15bddc rgb(21,189,220)
```
#0bc4e6
```
#0bc4e6 rgb(11,196,230)
```
#02caef
```
#02caef rgb(2,202,239)
```

Tone Color Variation

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

Dichromacy

#b2bae4 Protanopia 1% of men
#abbaf7 Deuteranopia 1% of men
#00cedd Tritanopia 0.001% of the population

Trichromacy

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

#02caef hex color

#02caef Color Information

#02caef Color Conversion

Color Schemes with #02caef

Alternatives to #02caef

#02caef Preview

Shades and Tints of #02caef

Tones of #02caef

Color Blindness Simulator