#02d8f2 hex color

In a RGB color space, hex #02d8f2 is composed of 0.8% red, 84.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 10.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02d8f2 color hex could be obtained by blending #04ffff with #00b1e5. Closest websafe color is: #00ccff.

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

● #02d8f2 color description : Vivid cyan.

The hexadecimal color #02d8f2 has RGB values of R:2, G:216, B:242 and CMYK values of C:0.99, M:0.11, Y:0, K:0.05. Its decimal value is 186610.

Hex triplet	02d8f2	`#02d8f2`
RGB Decimal	2, 216, 242	`rgb(2,216,242)`
RGB Percent	0.8, 84.7, 94.9	`rgb(0.8%,84.7%,94.9%)`
CMYK	99, 11, 0, 5
HSL	186.5°, 98.4, 47.8	`hsl(186.5,98.4%,47.8%)`
HSV (or HSB)	186.5°, 99.2, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.346, -34.407, -25.082
XYZ	40.603, 55.531, 92.578
xyY	0.215, 0.294, 55.531
CIE-LCH	79.346, 42.579, 216.092
CIE-LUV	79.346, -58.56, -35.315
Hunter-Lab	74.519, -33.15, -21.495
Binary	00000010, 11011000, 11110010

#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#f21c02
```
#f21c02 rgb(242,28,2)
```

Complementary Color

#02f294
```
#02f294 rgb(2,242,148)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#0260f2
```
#0260f2 rgb(2,96,242)
```

Analogous Color

#f29402
```
#f29402 rgb(242,148,2)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#f20260
```
#f20260 rgb(242,2,96)
```

Split Complementary Color

#d8f202
```
#d8f202 rgb(216,242,2)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#f202d8
```
#f202d8 rgb(242,2,216)
```

Triadic Color

#02f21c
```
#02f21c rgb(2,242,28)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#f202d8
```
#f202d8 rgb(242,2,216)
```
#f21c02
```
#f21c02 rgb(242,28,2)
```

Tetradic Color

#0194a6
```
#0194a6 rgb(1,148,166)
```
#02abbf
```
#02abbf rgb(2,171,191)
```
#02c1d9
```
#02c1d9 rgb(2,193,217)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#10e3fd
```
#10e3fd rgb(16,227,253)
```
#2ae6fd
```
#2ae6fd rgb(42,230,253)
```
#43e9fd
```
#43e9fd rgb(67,233,253)
```

Monochromatic Color

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

#02f2d0
```
#02f2d0 rgb(2,242,208)
```
#02f2e4
```
#02f2e4 rgb(2,242,228)
```
#02ecf2
```
#02ecf2 rgb(2,236,242)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```
#02c4f2
```
#02c4f2 rgb(2,196,242)
```
#02b0f2
```
#02b0f2 rgb(2,176,242)
```
#029cf2
```
#029cf2 rgb(2,156,242)
```

Similar Colors

Text with hexadecimal color #02d8f2

This text has a font color of #02d8f2.

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

#02d8f2 background color

This paragraph has a background color of #02d8f2.

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

#02d8f2 border color

This element has a border color of #02d8f2.

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

CSS codes

.text {color:#02d8f2;}

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

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

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

#000809
```
#000809 rgb(0,8,9)
```
#00191c
```
#00191c rgb(0,25,28)
```
#002a2f
```
#002a2f rgb(0,42,47)
```
#013c43
```
#013c43 rgb(1,60,67)
```
#014d56
```
#014d56 rgb(1,77,86)
```
#015e6a
```
#015e6a rgb(1,94,106)
```
#01707d
```
#01707d rgb(1,112,125)
```
#018191
```
#018191 rgb(1,129,145)
```
#0193a4
```
#0193a4 rgb(1,147,164)
```
#02a4b8
```
#02a4b8 rgb(2,164,184)
```
#02b5cb
```
#02b5cb rgb(2,181,203)
```
#02c7df
```
#02c7df rgb(2,199,223)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```

Shade Color Variation

#0be3fd
```
#0be3fd rgb(11,227,253)
```
#1ee5fd
```
#1ee5fd rgb(30,229,253)
```
#32e7fd
```
#32e7fd rgb(50,231,253)
```
#45e9fd
```
#45e9fd rgb(69,233,253)
```
#58ecfe
```
#58ecfe rgb(88,236,254)
```
#6ceefe
```
#6ceefe rgb(108,238,254)
```
#7ff0fe
```
#7ff0fe rgb(127,240,254)
```
#93f2fe
```
#93f2fe rgb(147,242,254)
```
#a6f5fe
```
#a6f5fe rgb(166,245,254)
```
#baf7fe
```
#baf7fe rgb(186,247,254)
```
#cdf9ff
```
#cdf9ff rgb(205,249,255)
```
#e1fbff
```
#e1fbff rgb(225,251,255)
```
#f4feff
```
#f4feff rgb(244,254,255)
```

Tint Color Variation

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

#738081
```
#738081 rgb(115,128,129)
```
#69878b
```
#69878b rgb(105,135,139)
```
#608e94
```
#608e94 rgb(96,142,148)
```
#56969e
```
#56969e rgb(86,150,158)
```
#4d9da7
```
#4d9da7 rgb(77,157,167)
```
#44a5b0
```
#44a5b0 rgb(68,165,176)
```
#3aacba
```
#3aacba rgb(58,172,186)
```
#31b3c3
```
#31b3c3 rgb(49,179,195)
```
#28bbcc
```
#28bbcc rgb(40,187,204)
```
#1ec2d6
```
#1ec2d6 rgb(30,194,214)
```
#15c9df
```
#15c9df rgb(21,201,223)
```
#0bd1e9
```
#0bd1e9 rgb(11,209,233)
```
#02d8f2
```
#02d8f2 rgb(2,216,242)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#7ca7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c6e6 Protanopia 1% of men
#bdc4fb Deuteranopia 1% of men
#00daea Tritanopia 0.001% of the population

Trichromacy

#7bccea Protanomaly 1% of men, 0.01% of women
#79cbf7 Deuteranomaly 6% of men, 0.4% of women
#00d9ed Tritanomaly 0.01% of the population

#02d8f2 hex color

#02d8f2 Color Information

#02d8f2 Color Conversion

Color Schemes with #02d8f2

Alternatives to #02d8f2

#02d8f2 Preview

Shades and Tints of #02d8f2

Tones of #02d8f2

Color Blindness Simulator