#02dcf1 hex color

In a RGB color space, hex #02dcf1 is composed of 0.8% red, 86.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 8.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 185.3 degrees, a saturation of 98.4% and a lightness of 47.6%. #02dcf1 color hex could be obtained by blending #04ffff with #00b9e3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 1
- G 86
- B 95
RGB color chart
- C 99
- M 9
- Y 0
- K 5
CMYK color chart

● #02dcf1 color description : Vivid cyan.

The hexadecimal color #02dcf1 has RGB values of R:2, G:220, B:241 and CMYK values of C:0.99, M:0.09, Y:0, K:0.05. Its decimal value is 187633.

Hex triplet	02dcf1	`#02dcf1`
RGB Decimal	2, 220, 241	`rgb(2,220,241)`
RGB Percent	0.8, 86.3, 94.5	`rgb(0.8%,86.3%,94.5%)`
CMYK	99, 9, 0, 5
HSL	185.3°, 98.4, 47.6	`hsl(185.3,98.4%,47.6%)`
HSV (or HSB)	185.3°, 99.2, 94.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.486, -36.594, -22.815
XYZ	41.491, 57.546, 92.135
xyY	0.217, 0.301, 57.546
CIE-LCH	80.486, 43.124, 211.942
CIE-LUV	80.486, -59.977, -31.211
Hunter-Lab	75.859, -35.124, -18.91
Binary	00000010, 11011100, 11110001

#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#f11702
```
#f11702 rgb(241,23,2)
```

Complementary Color

#02f18f
```
#02f18f rgb(2,241,143)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#0265f1
```
#0265f1 rgb(2,101,241)
```

Analogous Color

#f18f02
```
#f18f02 rgb(241,143,2)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#f10265
```
#f10265 rgb(241,2,101)
```

Split Complementary Color

#dcf102
```
#dcf102 rgb(220,241,2)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#f102dc
```
#f102dc rgb(241,2,220)
```

Triadic Color

#02f117
```
#02f117 rgb(2,241,23)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#f102dc
```
#f102dc rgb(241,2,220)
```
#f11702
```
#f11702 rgb(241,23,2)
```

Tetradic Color

#0197a5
```
#0197a5 rgb(1,151,165)
```
#02aebe
```
#02aebe rgb(2,174,190)
```
#02c5d8
```
#02c5d8 rgb(2,197,216)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#0fe8fd
```
#0fe8fd rgb(15,232,253)
```
#29ebfd
```
#29ebfd rgb(41,235,253)
```
#42edfd
```
#42edfd rgb(66,237,253)
```

Monochromatic Color

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

#02f1ca
```
#02f1ca rgb(2,241,202)
```
#02f1de
```
#02f1de rgb(2,241,222)
```
#02f0f1
```
#02f0f1 rgb(2,240,241)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```
#02c8f1
```
#02c8f1 rgb(2,200,241)
```
#02b4f1
```
#02b4f1 rgb(2,180,241)
```
#02a0f1
```
#02a0f1 rgb(2,160,241)
```

Similar Colors

Text with hexadecimal color #02dcf1

This text has a font color of #02dcf1.

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

#02dcf1 background color

This paragraph has a background color of #02dcf1.

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

#02dcf1 border color

This element has a border color of #02dcf1.

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

CSS codes

.text {color:#02dcf1;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00191b
```
#00191b rgb(0,25,27)
```
#002a2e
```
#002a2e rgb(0,42,46)
```
#013c42
```
#013c42 rgb(1,60,66)
```
#014e55
```
#014e55 rgb(1,78,85)
```
#016069
```
#016069 rgb(1,96,105)
```
#01717c
```
#01717c rgb(1,113,124)
```
#018390
```
#018390 rgb(1,131,144)
```
#0195a3
```
#0195a3 rgb(1,149,163)
```
#02a7b7
```
#02a7b7 rgb(2,167,183)
```
#02b8ca
```
#02b8ca rgb(2,184,202)
```
#02cade
```
#02cade rgb(2,202,222)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```

Shade Color Variation

#0ae8fd
```
#0ae8fd rgb(10,232,253)
```
#1de9fd
```
#1de9fd rgb(29,233,253)
```
#31ebfd
```
#31ebfd rgb(49,235,253)
```
#44edfd
```
#44edfd rgb(68,237,253)
```
#57effe
```
#57effe rgb(87,239,254)
```
#6bf1fe
```
#6bf1fe rgb(107,241,254)
```
#7ef3fe
```
#7ef3fe rgb(126,243,254)
```
#92f5fe
```
#92f5fe rgb(146,245,254)
```
#a5f6fe
```
#a5f6fe rgb(165,246,254)
```
#b9f8fe
```
#b9f8fe rgb(185,248,254)
```
#ccfaff
```
#ccfaff rgb(204,250,255)
```
#e0fcff
```
#e0fcff rgb(224,252,255)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#728081
```
#728081 rgb(114,128,129)
```
#69878a
```
#69878a rgb(105,135,138)
```
#5f8f94
```
#5f8f94 rgb(95,143,148)
```
#56979d
```
#56979d rgb(86,151,157)
```
#4d9ea6
```
#4d9ea6 rgb(77,158,166)
```
#43a6b0
```
#43a6b0 rgb(67,166,176)
```
#3aaeb9
```
#3aaeb9 rgb(58,174,185)
```
#31b5c2
```
#31b5c2 rgb(49,181,194)
```
#27bdcc
```
#27bdcc rgb(39,189,204)
```
#1ec5d5
```
#1ec5d5 rgb(30,197,213)
```
#15cdde
```
#15cdde rgb(21,205,222)
```
#0bd4e8
```
#0bd4e8 rgb(11,212,232)
```
#02dcf1
```
#02dcf1 rgb(2,220,241)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#7eaaae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c9e5 Protanopia 1% of men
#c2c7fa Deuteranopia 1% of men
#00deee Tritanopia 0.001% of the population

Trichromacy

#7ecfe9 Protanomaly 1% of men, 0.01% of women
#7ccef7 Deuteranomaly 6% of men, 0.4% of women
#00ddef Tritanomaly 0.01% of the population

#02dcf1 hex color

#02dcf1 Color Information

#02dcf1 Color Conversion

Color Schemes with #02dcf1

Alternatives to #02dcf1

#02dcf1 Preview

Shades and Tints of #02dcf1

Tones of #02dcf1

Color Blindness Simulator