#02cafc hex color

In a RGB color space, hex #02cafc is composed of 0.8% red, 79.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 19.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 192 degrees, a saturation of 98.4% and a lightness of 49.8%. #02cafc color hex could be obtained by blending #04ffff with #0095f9. Closest websafe color is: #00ccff.

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

● #02cafc color description : Vivid cyan.

The hexadecimal color #02cafc has RGB values of R:2, G:202, B:252 and CMYK values of C:0.99, M:0.2, Y:0, K:0.01. Its decimal value is 183036.

Hex triplet	02cafc	`#02cafc`
RGB Decimal	2, 202, 252	`rgb(2,202,252)`
RGB Percent	0.8, 79.2, 98.8	`rgb(0.8%,79.2%,98.8%)`
CMYK	99, 20, 0, 1
HSL	192°, 98.4, 49.8	`hsl(192,98.4%,49.8%)`
HSV (or HSB)	192°, 99.2, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.624, -24.305, -36.149
XYZ	38.712, 49.278, 99.561
xyY	0.206, 0.263, 49.278
CIE-LCH	75.624, 43.56, 236.085
CIE-LUV	75.624, -53.095, -55.423
Hunter-Lab	70.199, -24.412, -34.951
Binary	00000010, 11001010, 11111100

#02cafc
```
#02cafc rgb(2,202,252)
```
#fc3402
```
#fc3402 rgb(252,52,2)
```

Complementary Color

#02fcb1
```
#02fcb1 rgb(2,252,177)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#024dfc
```
#024dfc rgb(2,77,252)
```

Analogous Color

#fcb102
```
#fcb102 rgb(252,177,2)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#fc024d
```
#fc024d rgb(252,2,77)
```

Split Complementary Color

#cafc02
```
#cafc02 rgb(202,252,2)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#fc02ca
```
#fc02ca rgb(252,2,202)
```

Triadic Color

#02fc34
```
#02fc34 rgb(2,252,52)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#fc02ca
```
#fc02ca rgb(252,2,202)
```
#fc3402
```
#fc3402 rgb(252,52,2)
```

Tetradic Color

#018db0
```
#018db0 rgb(1,141,176)
```
#02a1c9
```
#02a1c9 rgb(2,161,201)
```
#02b6e3
```
#02b6e3 rgb(2,182,227)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#1ad0fd
```
#1ad0fd rgb(26,208,253)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#4ddafe
```
#4ddafe rgb(77,218,254)
```

Monochromatic Color

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

#02fcf0
```
#02fcf0 rgb(2,252,240)
```
#02f4fc
```
#02f4fc rgb(2,244,252)
```
#02dffc
```
#02dffc rgb(2,223,252)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#02b5fc
```
#02b5fc rgb(2,181,252)
```
#02a0fc
```
#02a0fc rgb(2,160,252)
```
#028cfc
```
#028cfc rgb(2,140,252)
```

Similar Colors

Text with hexadecimal color #02cafc

This text has a font color of #02cafc.

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

#02cafc background color

This paragraph has a background color of #02cafc.

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

#02cafc border color

This element has a border color of #02cafc.

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

CSS codes

.text {color:#02cafc;}

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

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

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

#000f12
```
#000f12 rgb(0,15,18)
```
#001e26
```
#001e26 rgb(0,30,38)
```
#002e39
```
#002e39 rgb(0,46,57)
```
#013e4d
```
#013e4d rgb(1,62,77)
```
#014d60
```
#014d60 rgb(1,77,96)
```
#015d74
```
#015d74 rgb(1,93,116)
```
#016c87
```
#016c87 rgb(1,108,135)
```
#017c9b
```
#017c9b rgb(1,124,155)
```
#018cae
```
#018cae rgb(1,140,174)
```
#029bc2
```
#029bc2 rgb(2,155,194)
```
#02abd5
```
#02abd5 rgb(2,171,213)
```
#02bae9
```
#02bae9 rgb(2,186,233)
```
#02cafc
```
#02cafc rgb(2,202,252)
```

Shade Color Variation

#14cffd
```
#14cffd rgb(20,207,253)
```
#28d3fd
```
#28d3fd rgb(40,211,253)
```
#3bd7fd
```
#3bd7fd rgb(59,215,253)
```
#4fdbfe
```
#4fdbfe rgb(79,219,254)
```
#62dffe
```
#62dffe rgb(98,223,254)
```
#76e3fe
```
#76e3fe rgb(118,227,254)
```
#89e7fe
```
#89e7fe rgb(137,231,254)
```
#9debfe
```
#9debfe rgb(157,235,254)
```
#b0effe
```
#b0effe rgb(176,239,254)
```
#c4f3ff
```
#c4f3ff rgb(196,243,255)
```
#d7f7ff
```
#d7f7ff rgb(215,247,255)
```
#ebfbff
```
#ebfbff rgb(235,251,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778487
```
#778487 rgb(119,132,135)
```
#6d8a91
```
#6d8a91 rgb(109,138,145)
```
#648f9a
```
#648f9a rgb(100,143,154)
```
#5a95a4
```
#5a95a4 rgb(90,149,164)
```
#509bae
```
#509bae rgb(80,155,174)
```
#46a1b8
```
#46a1b8 rgb(70,161,184)
```
#3da7c1
```
#3da7c1 rgb(61,167,193)
```
#33adcb
```
#33adcb rgb(51,173,203)
```
#29b3d5
```
#29b3d5 rgb(41,179,213)
```
#1fb8df
```
#1fb8df rgb(31,184,223)
```
#16bee8
```
#16bee8 rgb(22,190,232)
```
#0cc4f2
```
#0cc4f2 rgb(12,196,242)
```
#02cafc
```
#02cafc rgb(2,202,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#779fa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebbf0 Protanopia 1% of men
#a5bcff Deuteranopia 1% of men
#00d0de Tritanopia 0.001% of the population

Trichromacy

#70c1f4 Protanomaly 1% of men, 0.01% of women
#6ac1fd Deuteranomaly 6% of men, 0.4% of women
#00cee9 Tritanomaly 0.01% of the population

#02cafc hex color

#02cafc Color Information

#02cafc Color Conversion

Color Schemes with #02cafc

Alternatives to #02cafc

#02cafc Preview

Shades and Tints of #02cafc

Tones of #02cafc

Color Blindness Simulator