colorhexa.com

#02c8ca hex color

In a RGB color space, hex #02c8ca is composed of 0.8% red, 78.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 1% magenta, 0% yellow and 20.8% black. It has a hue angle of 180.6 degrees, a saturation of 98% and a lightness of 40%. #02c8ca color hex could be obtained by blending #04ffff with #009195. Closest websafe color is: #00cccc.

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

● #02c8ca color description : Strong cyan.

The hexadecimal color #02c8ca has RGB values of R:2, G:200, B:202 and CMYK values of C:0.99, M:0.01, Y:0, K:0.21. Its decimal value is 182474.

Hex triplet	02c8ca	`#02c8ca`
RGB Decimal	2, 200, 202	`rgb(2,200,202)`
RGB Percent	0.8, 78.4, 79.2	`rgb(0.8%,78.4%,79.2%)`
CMYK	99, 1, 0, 21
HSL	180.6°, 98, 40	`hsl(180.6,98%,40%)`
HSV (or HSB)	180.6°, 99, 79.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	73.274, -39.386, -12.755
XYZ	31.337, 45.582, 63.021
xyY	0.224, 0.326, 45.582
CIE-LCH	73.274, 41.399, 197.944
CIE-LUV	73.274, -56.394, -13.904
Hunter-Lab	67.515, -35.301, -8.083
Binary	00000010, 11001000, 11001010

#02c8ca
```
#02c8ca rgb(2,200,202)
```
#ca0402
```
#ca0402 rgb(202,4,2)
```

Complementary Color

#02ca68
```
#02ca68 rgb(2,202,104)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```
#0264ca
```
#0264ca rgb(2,100,202)
```

Analogous Color

#ca6802
```
#ca6802 rgb(202,104,2)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```
#ca0264
```
#ca0264 rgb(202,2,100)
```

Split Complementary Color

#c8ca02
```
#c8ca02 rgb(200,202,2)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```
#ca02c8
```
#ca02c8 rgb(202,2,200)
```

Triadic Color

#017d7e
```
#017d7e rgb(1,125,126)
```
#019698
```
#019698 rgb(1,150,152)
```
#02afb1
```
#02afb1 rgb(2,175,177)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```
#02e1e3
```
#02e1e3 rgb(2,225,227)
```
#02fafd
```
#02fafd rgb(2,250,253)
```
#1cfbfd
```
#1cfbfd rgb(28,251,253)
```

Monochromatic Color

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

#02ca9a
```
#02ca9a rgb(2,202,154)
```
#02caab
```
#02caab rgb(2,202,171)
```
#02cabb
```
#02cabb rgb(2,202,187)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```
#02b7ca
```
#02b7ca rgb(2,183,202)
```
#02a7ca
```
#02a7ca rgb(2,167,202)
```
#0296ca
```
#0296ca rgb(2,150,202)
```

Similar Colors

Text with hexadecimal color #02c8ca

This text has a font color of #02c8ca.

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

#02c8ca background color

This paragraph has a background color of #02c8ca.

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

#02c8ca border color

This element has a border color of #02c8ca.

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

CSS codes

.text {color:#02c8ca;}

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

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

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

#000808
```
#000808 rgb(0,8,8)
```
#001b1b
```
#001b1b rgb(0,27,27)
```
#002e2f
```
#002e2f rgb(0,46,47)
```
#014142
```
#014142 rgb(1,65,66)
```
#015555
```
#015555 rgb(1,85,85)
```
#016869
```
#016869 rgb(1,104,105)
```
#017b7c
```
#017b7c rgb(1,123,124)
```
#018e90
```
#018e90 rgb(1,142,144)
```
#02a2a3
```
#02a2a3 rgb(2,162,163)
```
#02b5b7
```
#02b5b7 rgb(2,181,183)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```
#02dbdd
```
#02dbdd rgb(2,219,221)
```
#02eef1
```
#02eef1 rgb(2,238,241)
```

Shade Color Variation

#0afafd
```
#0afafd rgb(10,250,253)
```
#1efbfd
```
#1efbfd rgb(30,251,253)
```
#31fbfd
```
#31fbfd rgb(49,251,253)
```
#45fbfd
```
#45fbfd rgb(69,251,253)
```
#58fcfd
```
#58fcfd rgb(88,252,253)
```
#6bfcfe
```
#6bfcfe rgb(107,252,254)
```
#7ffcfe
```
#7ffcfe rgb(127,252,254)
```
#92fdfe
```
#92fdfe rgb(146,253,254)
```
#a6fdfe
```
#a6fdfe rgb(166,253,254)
```
#b9fefe
```
#b9fefe rgb(185,254,254)
```
#cdfeff
```
#cdfeff rgb(205,254,255)
```
#e0feff
```
#e0feff rgb(224,254,255)
```
#f3ffff
```
#f3ffff rgb(243,255,255)
```

Tint Color Variation

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

#606c6c
```
#606c6c rgb(96,108,108)
```
#587374
```
#587374 rgb(88,115,116)
```
#507b7c
```
#507b7c rgb(80,123,124)
```
#498383
```
#498383 rgb(73,131,131)
```
#418a8b
```
#418a8b rgb(65,138,139)
```
#399293
```
#399293 rgb(57,146,147)
```
#319a9b
```
#319a9b rgb(49,154,155)
```
#29a2a3
```
#29a2a3 rgb(41,162,163)
```
#21a9ab
```
#21a9ab rgb(33,169,171)
```
#1ab1b2
```
#1ab1b2 rgb(26,177,178)
```
#12b9ba
```
#12b9ba rgb(18,185,186)
```
#0ac0c2
```
#0ac0c2 rgb(10,192,194)
```
#02c8ca
```
#02c8ca rgb(2,200,202)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#719999 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b6c1 Protanopia 1% of men
#b9b3d5 Deuteranopia 1% of men
#2bc9d7 Tritanopia 0.001% of the population

Trichromacy

#75bdc4 Protanomaly 1% of men, 0.01% of women
#76bbd1 Deuteranomaly 6% of men, 0.4% of women
#1cc8d2 Tritanomaly 0.01% of the population