#02d1fe hex color

In a RGB color space, hex #02d1fe is composed of 0.8% red, 82% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 17.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 190.7 degrees, a saturation of 99.2% and a lightness of 50.2%. #02d1fe color hex could be obtained by blending #04ffff with #00a3fd. 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

● #02d1fe color description : Vivid cyan.

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

Hex triplet	02d1fe	`#02d1fe`
RGB Decimal	2, 209, 254	`rgb(2,209,254)`
RGB Percent	0.8, 82, 99.6	`rgb(0.8%,82%,99.6%)`
CMYK	99, 18, 0, 0
HSL	190.7°, 99.2, 50.2	`hsl(190.7,99.2%,50.2%)`
HSV (or HSB)	190.7°, 99.2, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.736, -27.138, -33.951
XYZ	40.71, 52.765, 101.8
xyY	0.208, 0.27, 52.765
CIE-LCH	77.736, 43.464, 231.364
CIE-LUV	77.736, -55.274, -51.423
Hunter-Lab	72.64, -27.082, -32.243
Binary	00000010, 11010001, 11111110

#02d1fe
```
#02d1fe rgb(2,209,254)
```
#fe2f02
```
#fe2f02 rgb(254,47,2)
```

Complementary Color

#02fead
```
#02fead rgb(2,254,173)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```
#0253fe
```
#0253fe rgb(2,83,254)
```

Analogous Color

#fead02
```
#fead02 rgb(254,173,2)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```
#fe0253
```
#fe0253 rgb(254,2,83)
```

Split Complementary Color

#d1fe02
```
#d1fe02 rgb(209,254,2)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```
#fe02d1
```
#fe02d1 rgb(254,2,209)
```

Triadic Color

#02fe2f
```
#02fe2f rgb(2,254,47)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```
#fe02d1
```
#fe02d1 rgb(254,2,209)
```
#fe2f02
```
#fe2f02 rgb(254,47,2)
```

Tetradic Color

#0193b3
```
#0193b3 rgb(1,147,179)
```
#01a8cc
```
#01a8cc rgb(1,168,204)
```
#01bde6
```
#01bde6 rgb(1,189,230)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```
#1bd6fe
```
#1bd6fe rgb(27,214,254)
```
#35dafe
```
#35dafe rgb(53,218,254)
```
#4edffe
```
#4edffe rgb(78,223,254)
```

Monochromatic Color

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

#02feec
```
#02feec rgb(2,254,236)
```
#02fbfe
```
#02fbfe rgb(2,251,254)
```
#02e6fe
```
#02e6fe rgb(2,230,254)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```
#02bcfe
```
#02bcfe rgb(2,188,254)
```
#02a7fe
```
#02a7fe rgb(2,167,254)
```
#0292fe
```
#0292fe rgb(2,146,254)
```

Similar Colors

Text with hexadecimal color #02d1fe

This text has a font color of #02d1fe.

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

#02d1fe background color

This paragraph has a background color of #02d1fe.

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

#02d1fe border color

This element has a border color of #02d1fe.

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

CSS codes

.text {color:#02d1fe;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001115
```
#001115 rgb(0,17,21)
```
#002128
```
#002128 rgb(0,33,40)
```
#00313c
```
#00313c rgb(0,49,60)
```
#00414f
```
#00414f rgb(0,65,79)
```
#005163
```
#005163 rgb(0,81,99)
```
#006176
```
#006176 rgb(0,97,118)
```
#01718a
```
#01718a rgb(1,113,138)
```
#01819d
```
#01819d rgb(1,129,157)
```
#0191b1
```
#0191b1 rgb(1,145,177)
```
#01a1c4
```
#01a1c4 rgb(1,161,196)
```
#01b2d8
```
#01b2d8 rgb(1,178,216)
```
#01c2eb
```
#01c2eb rgb(1,194,235)
```

Shade Color Variation

#02d1fe
```
#02d1fe rgb(2,209,254)
```
#16d5fe
```
#16d5fe rgb(22,213,254)
```
#29d8fe
```
#29d8fe rgb(41,216,254)
```
#3ddcfe
```
#3ddcfe rgb(61,220,254)
```
#50dffe
```
#50dffe rgb(80,223,254)
```
#64e3fe
```
#64e3fe rgb(100,227,254)
```
#77e6fe
```
#77e6fe rgb(119,230,254)
```
#8beaff
```
#8beaff rgb(139,234,255)
```
#9eedff
```
#9eedff rgb(158,237,255)
```
#b2f1ff
```
#b2f1ff rgb(178,241,255)
```
#c5f5ff
```
#c5f5ff rgb(197,245,255)
```
#d9f8ff
```
#d9f8ff rgb(217,248,255)
```
#ecfcff
```
#ecfcff rgb(236,252,255)
```

Tint Color Variation

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

#778689
```
#778689 rgb(119,134,137)
```
#6d8c93
```
#6d8c93 rgb(109,140,147)
```
#64929c
```
#64929c rgb(100,146,156)
```
#5a98a6
```
#5a98a6 rgb(90,152,166)
```
#509fb0
```
#509fb0 rgb(80,159,176)
```
#46a5ba
```
#46a5ba rgb(70,165,186)
```
#3dabc3
```
#3dabc3 rgb(61,171,195)
```
#33b2cd
```
#33b2cd rgb(51,178,205)
```
#29b8d7
```
#29b8d7 rgb(41,184,215)
```
#1fbee1
```
#1fbee1 rgb(31,190,225)
```
#16c4ea
```
#16c4ea rgb(22,196,234)
```
#0ccbf4
```
#0ccbf4 rgb(12,203,244)
```
#02d1fe
```
#02d1fe rgb(2,209,254)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#02d1fe hex color

#02d1fe Color Information

#02d1fe Color Conversion

Color Schemes with #02d1fe

Alternatives to #02d1fe

#02d1fe Preview

Shades and Tints of #02d1fe

Tones of #02d1fe

Color Blindness Simulator