#02cfd1 hex color

In a RGB color space, hex #02cfd1 is composed of 0.8% red, 81.2% green and 82% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 1% magenta, 0% yellow and 18% black. It has a hue angle of 180.6 degrees, a saturation of 98.1% and a lightness of 41.4%. #02cfd1 color hex could be obtained by blending #04ffff with #009fa3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 81
- B 82
RGB color chart
- C 99
- M 1
- Y 0
- K 18
CMYK color chart

● #02cfd1 color description : Strong cyan.

The hexadecimal color #02cfd1 has RGB values of R:2, G:207, B:209 and CMYK values of C:0.99, M:0.01, Y:0, K:0.18. Its decimal value is 184273.

Hex triplet	02cfd1	`#02cfd1`
RGB Decimal	2, 207, 209	`rgb(2,207,209)`
RGB Percent	0.8, 81.2, 82	`rgb(0.8%,81.2%,82%)`
CMYK	99, 1, 0, 18
HSL	180.6°, 98.1, 41.4	`hsl(180.6,98.1%,41.4%)`
HSV (or HSB)	180.6°, 99, 82
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.599, -40.437, -13.056
XYZ	33.843, 49.238, 68.038
xyY	0.224, 0.326, 49.238
CIE-LCH	75.599, 42.492, 197.894
CIE-LUV	75.599, -58.197, -14.292
Hunter-Lab	70.17, -36.708, -8.37
Binary	00000010, 11001111, 11010001

#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#d10402
```
#d10402 rgb(209,4,2)
```

Complementary Color

#02d16c
```
#02d16c rgb(2,209,108)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#0268d1
```
#0268d1 rgb(2,104,209)
```

Analogous Color

#d16c02
```
#d16c02 rgb(209,108,2)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#d10268
```
#d10268 rgb(209,2,104)
```

Split Complementary Color

#cfd102
```
#cfd102 rgb(207,209,2)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#d102cf
```
#d102cf rgb(209,2,207)
```

Triadic Color

#02d104
```
#02d104 rgb(2,209,4)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#d102cf
```
#d102cf rgb(209,2,207)
```
#d10402
```
#d10402 rgb(209,4,2)
```

Tetradic Color

#018485
```
#018485 rgb(1,132,133)
```
#029d9e
```
#029d9e rgb(2,157,158)
```
#02b6b8
```
#02b6b8 rgb(2,182,184)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#02e8ea
```
#02e8ea rgb(2,232,234)
```
#09fafd
```
#09fafd rgb(9,250,253)
```
#23fbfd
```
#23fbfd rgb(35,251,253)
```

Monochromatic Color

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

#02d19f
```
#02d19f rgb(2,209,159)
```
#02d1b1
```
#02d1b1 rgb(2,209,177)
```
#02d1c2
```
#02d1c2 rgb(2,209,194)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#02bed1
```
#02bed1 rgb(2,190,209)
```
#02add1
```
#02add1 rgb(2,173,209)
```
#029bd1
```
#029bd1 rgb(2,155,209)
```

Similar Colors

Text with hexadecimal color #02cfd1

This text has a font color of #02cfd1.

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

#02cfd1 background color

This paragraph has a background color of #02cfd1.

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

#02cfd1 border color

This element has a border color of #02cfd1.

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

CSS codes

.text {color:#02cfd1;}

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

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

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

#000f0f
```
#000f0f rgb(0,15,15)
```
#002222
```
#002222 rgb(0,34,34)
```
#013536
```
#013536 rgb(1,53,54)
```
#014849
```
#014849 rgb(1,72,73)
```
#015c5c
```
#015c5c rgb(1,92,92)
```
#016f70
```
#016f70 rgb(1,111,112)
```
#018283
```
#018283 rgb(1,130,131)
```
#019597
```
#019597 rgb(1,149,151)
```
#02a9aa
```
#02a9aa rgb(2,169,170)
```
#02bcbe
```
#02bcbe rgb(2,188,190)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#02f5f8
```
#02f5f8 rgb(2,245,248)
```

Shade Color Variation

#11fafd
```
#11fafd rgb(17,250,253)
```
#25fbfd
```
#25fbfd rgb(37,251,253)
```
#38fbfd
```
#38fbfd rgb(56,251,253)
```
#4bfcfd
```
#4bfcfd rgb(75,252,253)
```
#5ffcfd
```
#5ffcfd rgb(95,252,253)
```
#72fcfe
```
#72fcfe rgb(114,252,254)
```
#86fdfe
```
#86fdfe rgb(134,253,254)
```
#99fdfe
```
#99fdfe rgb(153,253,254)
```
#adfdfe
```
#adfdfe rgb(173,253,254)
```
#c0fefe
```
#c0fefe rgb(192,254,254)
```
#d3feff
```
#d3feff rgb(211,254,255)
```
#e7ffff
```
#e7ffff rgb(231,255,255)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#636f70
```
#636f70 rgb(99,111,112)
```
#5b7778
```
#5b7778 rgb(91,119,120)
```
#537f80
```
#537f80 rgb(83,127,128)
```
#4b8788
```
#4b8788 rgb(75,135,136)
```
#438f90
```
#438f90 rgb(67,143,144)
```
#3b9798
```
#3b9798 rgb(59,151,152)
```
#339fa0
```
#339fa0 rgb(51,159,160)
```
#2ba7a8
```
#2ba7a8 rgb(43,167,168)
```
#22afb1
```
#22afb1 rgb(34,175,177)
```
#1ab7b9
```
#1ab7b9 rgb(26,183,185)
```
#12bfc1
```
#12bfc1 rgb(18,191,193)
```
#0ac7c9
```
#0ac7c9 rgb(10,199,201)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```

Tone Color Variation

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

Dichromacy

#bebcc7 Protanopia 1% of men
#bfb9dc Deuteranopia 1% of men
#2dcfde Tritanopia 0.001% of the population

Trichromacy

#79c3cb Protanomaly 1% of men, 0.01% of women
#7ac1d8 Deuteranomaly 6% of men, 0.4% of women
#1dcfd9 Tritanomaly 0.01% of the population

#02cfd1 hex color

#02cfd1 Color Information

#02cfd1 Color Conversion

Color Schemes with #02cfd1

Alternatives to #02cfd1

#02cfd1 Preview

Shades and Tints of #02cfd1

Tones of #02cfd1

Color Blindness Simulator