colorhexa.com

#02d5cf hex color

In a RGB color space, hex #02d5cf is composed of 0.8% red, 83.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 2.8% yellow and 16.5% black. It has a hue angle of 178.3 degrees, a saturation of 98.1% and a lightness of 42.2%. #02d5cf color hex could be obtained by blending #04ffff with #00ab9f. Closest websafe color is: #00cccc.

- R 1
- G 84
- B 81
RGB color chart
- C 99
- M 0
- Y 3
- K 16
CMYK color chart

● #02d5cf color description : Strong cyan.

The hexadecimal color #02d5cf has RGB values of R:2, G:213, B:207 and CMYK values of C:0.99, M:0, Y:0.03, K:0.16. Its decimal value is 185807.

Hex triplet	02d5cf	`#02d5cf`
RGB Decimal	2, 213, 207	`rgb(2,213,207)`
RGB Percent	0.8, 83.5, 81.2	`rgb(0.8%,83.5%,81.2%)`
CMYK	99, 0, 3, 16
HSL	178.3°, 98.1, 42.2	`hsl(178.3,98.1%,42.2%)`
HSV (or HSB)	178.3°, 99.1, 83.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.342, -43.688, -9.377
XYZ	35.078, 52.103, 67.236
xyY	0.227, 0.337, 52.103
CIE-LCH	77.342, 44.683, 192.113
CIE-LUV	77.342, -60.38, -7.894
Hunter-Lab	72.182, -39.574, -4.7
Binary	00000010, 11010101, 11001111

#02d5cf
```
#02d5cf rgb(2,213,207)
```
#d50208
```
#d50208 rgb(213,2,8)
```

Complementary Color

#02d566
```
#02d566 rgb(2,213,102)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#0272d5
```
#0272d5 rgb(2,114,213)
```

Analogous Color

#d56602
```
#d56602 rgb(213,102,2)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#d50272
```
#d50272 rgb(213,2,114)
```

Split Complementary Color

#d5cf02
```
#d5cf02 rgb(213,207,2)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#cf02d5
```
#cf02d5 rgb(207,2,213)
```

Triadic Color

#018985
```
#018985 rgb(1,137,133)
```
#02a29e
```
#02a29e rgb(2,162,158)
```
#02bcb6
```
#02bcb6 rgb(2,188,182)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#02eee8
```
#02eee8 rgb(2,238,232)
```
#0dfdf6
```
#0dfdf6 rgb(13,253,246)
```
#27fdf7
```
#27fdf7 rgb(39,253,247)
```

Monochromatic Color

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

#02d59a
```
#02d59a rgb(2,213,154)
```
#02d5ac
```
#02d5ac rgb(2,213,172)
```
#02d5bd
```
#02d5bd rgb(2,213,189)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#02c9d5
```
#02c9d5 rgb(2,201,213)
```
#02b8d5
```
#02b8d5 rgb(2,184,213)
```
#02a6d5
```
#02a6d5 rgb(2,166,213)
```

Similar Colors

Text with hexadecimal color #02d5cf

This text has a font color of #02d5cf.

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

#02d5cf background color

This paragraph has a background color of #02d5cf.

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

#02d5cf border color

This element has a border color of #02d5cf.

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

CSS codes

.text {color:#02d5cf;}

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

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

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

#001312
```
#001312 rgb(0,19,18)
```
#002625
```
#002625 rgb(0,38,37)
```
#013a38
```
#013a38 rgb(1,58,56)
```
#014d4b
```
#014d4b rgb(1,77,75)
```
#01605e
```
#01605e rgb(1,96,94)
```
#017471
```
#017471 rgb(1,116,113)
```
#018783
```
#018783 rgb(1,135,131)
```
#019b96
```
#019b96 rgb(1,155,150)
```
#02aea9
```
#02aea9 rgb(2,174,169)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#02e8e2
```
#02e8e2 rgb(2,232,226)
```
#02fcf5
```
#02fcf5 rgb(2,252,245)
```

Shade Color Variation

#15fdf6
```
#15fdf6 rgb(21,253,246)
```
#28fdf7
```
#28fdf7 rgb(40,253,247)
```
#3cfdf8
```
#3cfdf8 rgb(60,253,248)
```
#4ffdf8
```
#4ffdf8 rgb(79,253,248)
```
#63fef9
```
#63fef9 rgb(99,254,249)
```
#76fefa
```
#76fefa rgb(118,254,250)
```
#8afefb
```
#8afefb rgb(138,254,251)
```
#9dfefb
```
#9dfefb rgb(157,254,251)
```
#b1fefc
```
#b1fefc rgb(177,254,252)
```
#c4fefd
```
#c4fefd rgb(196,254,253)
```
#d7fffe
```
#d7fffe rgb(215,255,254)
```
#ebfffe
```
#ebfffe rgb(235,255,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#657271
```
#657271 rgb(101,114,113)
```
#5d7a79
```
#5d7a79 rgb(93,122,121)
```
#558281
```
#558281 rgb(85,130,129)
```
#4c8b89
```
#4c8b89 rgb(76,139,137)
```
#449391
```
#449391 rgb(68,147,145)
```
#3c9b98
```
#3c9b98 rgb(60,155,152)
```
#34a3a0
```
#34a3a0 rgb(52,163,160)
```
#2baca8
```
#2baca8 rgb(43,172,168)
```
#23b4b0
```
#23b4b0 rgb(35,180,176)
```
#1bbcb8
```
#1bbcb8 rgb(27,188,184)
```
#13c4bf
```
#13c4bf rgb(19,196,191)
```
#0acdc7
```
#0acdc7 rgb(10,205,199)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#78a2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c1c5 Protanopia 1% of men
#c8bdda Deuteranopia 1% of men
#36d4e3 Tritanopia 0.001% of the population

Trichromacy

#7dc8c8 Protanomaly 1% of men, 0.01% of women
#80c6d6 Deuteranomaly 6% of men, 0.4% of women
#23d4dc Tritanomaly 0.01% of the population