#02d1ff hex color

In a RGB color space, hex #02d1ff is composed of 0.8% red, 82% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 18% magenta, 0% yellow and 0% black. It has a hue angle of 190.9 degrees, a saturation of 100% and a lightness of 50.4%. #02d1ff color hex could be obtained by blending #04ffff with #00a3ff. Closest websafe color is: #00ccff.

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

● #02d1ff color description : Vivid cyan.

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

Hex triplet	02d1ff	`#02d1ff`
RGB Decimal	2, 209, 255	`rgb(2,209,255)`
RGB Percent	0.8, 82, 100	`rgb(0.8%,82%,100%)`
CMYK	99, 18, 0, 0
HSL	190.9°, 100, 50.4	`hsl(190.9,100%,50.4%)`
HSV (or HSB)	190.9°, 99.2, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.774, -26.807, -34.426
XYZ	40.871, 52.83, 102.645
xyY	0.208, 0.269, 52.83
CIE-LCH	77.774, 43.632, 232.093
CIE-LUV	77.774, -55.196, -52.29
Hunter-Lab	72.684, -26.826, -32.851
Binary	00000010, 11010001, 11111111

#02d1ff
```
#02d1ff rgb(2,209,255)
```
#ff3002
```
#ff3002 rgb(255,48,2)
```

Complementary Color

#02ffaf
```
#02ffaf rgb(2,255,175)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```
#0253ff
```
#0253ff rgb(2,83,255)
```

Analogous Color

#ffaf02
```
#ffaf02 rgb(255,175,2)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```
#ff0253
```
#ff0253 rgb(255,2,83)
```

Split Complementary Color

#d1ff02
```
#d1ff02 rgb(209,255,2)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```
#ff02d1
```
#ff02d1 rgb(255,2,209)
```

Triadic Color

#02ff30
```
#02ff30 rgb(2,255,48)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```
#ff02d1
```
#ff02d1 rgb(255,2,209)
```
#ff3002
```
#ff3002 rgb(255,48,2)
```

Tetradic Color

#0094b5
```
#0094b5 rgb(0,148,181)
```
#00a9ce
```
#00a9ce rgb(0,169,206)
```
#00bde8
```
#00bde8 rgb(0,189,232)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```
#1cd6ff
```
#1cd6ff rgb(28,214,255)
```
#35daff
```
#35daff rgb(53,218,255)
```
#4fdfff
```
#4fdfff rgb(79,223,255)
```

Monochromatic Color

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

#02ffee
```
#02ffee rgb(2,255,238)
```
#02fbff
```
#02fbff rgb(2,251,255)
```
#02e6ff
```
#02e6ff rgb(2,230,255)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```
#02bcff
```
#02bcff rgb(2,188,255)
```
#02a7ff
```
#02a7ff rgb(2,167,255)
```
#0292ff
```
#0292ff rgb(2,146,255)
```

Similar Colors

Text with hexadecimal color #02d1ff

This text has a font color of #02d1ff.

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

#02d1ff background color

This paragraph has a background color of #02d1ff.

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

#02d1ff border color

This element has a border color of #02d1ff.

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

CSS codes

.text {color:#02d1ff;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001216
```
#001216 rgb(0,18,22)
```
#002229
```
#002229 rgb(0,34,41)
```
#00323d
```
#00323d rgb(0,50,61)
```
#004250
```
#004250 rgb(0,66,80)
```
#005264
```
#005264 rgb(0,82,100)
```
#006278
```
#006278 rgb(0,98,120)
```
#00728b
```
#00728b rgb(0,114,139)
```
#00829f
```
#00829f rgb(0,130,159)
```
#0092b3
```
#0092b3 rgb(0,146,179)
```
#00a2c6
```
#00a2c6 rgb(0,162,198)
```
#00b2da
```
#00b2da rgb(0,178,218)
```
#00c2ed
```
#00c2ed rgb(0,194,237)
```

Shade Color Variation

#02d1ff
```
#02d1ff rgb(2,209,255)
```
#16d5ff
```
#16d5ff rgb(22,213,255)
```
#29d8ff
```
#29d8ff rgb(41,216,255)
```
#3ddcff
```
#3ddcff rgb(61,220,255)
```
#50dfff
```
#50dfff rgb(80,223,255)
```
#64e3ff
```
#64e3ff rgb(100,227,255)
```
#78e6ff
```
#78e6ff rgb(120,230,255)
```
#8beaff
```
#8beaff rgb(139,234,255)
```
#9feeff
```
#9feeff rgb(159,238,255)
```
#b3f1ff
```
#b3f1ff rgb(179,241,255)
```
#c6f5ff
```
#c6f5ff rgb(198,245,255)
```
#daf8ff
```
#daf8ff rgb(218,248,255)
```
#edfcff
```
#edfcff rgb(237,252,255)
```

Tint Color Variation

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

#77878a
```
#77878a rgb(119,135,138)
```
#6d8d94
```
#6d8d94 rgb(109,141,148)
```
#63939e
```
#63939e rgb(99,147,158)
```
#5a99a7
```
#5a99a7 rgb(90,153,167)
```
#509fb1
```
#509fb1 rgb(80,159,177)
```
#46a6bb
```
#46a6bb rgb(70,166,187)
```
#3cacc5
```
#3cacc5 rgb(60,172,197)
```
#33b2ce
```
#33b2ce rgb(51,178,206)
```
#29b8d8
```
#29b8d8 rgb(41,184,216)
```
#1fbee2
```
#1fbee2 rgb(31,190,226)
```
#15c5ec
```
#15c5ec rgb(21,197,236)
```
#0ccbf5
```
#0ccbf5 rgb(12,203,245)
```
#02d1ff
```
#02d1ff rgb(2,209,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7aa3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f3 Protanopia 1% of men
#afc1ff Deuteranopia 1% of men
#00d6e5 Tritanopia 0.001% of the population

Trichromacy

#74c7f7 Protanomaly 1% of men, 0.01% of women
#70c7ff Deuteranomaly 6% of men, 0.4% of women
#00d4ee Tritanomaly 0.01% of the population

#02d1ff hex color

#02d1ff Color Information

#02d1ff Color Conversion

Color Schemes with #02d1ff

Alternatives to #02d1ff

#02d1ff Preview

Shades and Tints of #02d1ff

Tones of #02d1ff

Color Blindness Simulator