#02b1d8 hex color

In a RGB color space, hex #02b1d8 is composed of 0.8% red, 69.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 18.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 190.9 degrees, a saturation of 98.2% and a lightness of 42.7%. #02b1d8 color hex could be obtained by blending #04ffff with #0063b1. Closest websafe color is: #0099cc.

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

● #02b1d8 color description : Strong cyan.

The hexadecimal color #02b1d8 has RGB values of R:2, G:177, B:216 and CMYK values of C:0.99, M:0.18, Y:0, K:0.15. Its decimal value is 176600.

Hex triplet	02b1d8	`#02b1d8`
RGB Decimal	2, 177, 216	`rgb(2,177,216)`
RGB Percent	0.8, 69.4, 84.7	`rgb(0.8%,69.4%,84.7%)`
CMYK	99, 18, 0, 15
HSL	190.9°, 98.2, 42.7	`hsl(190.9,98.2%,42.7%)`
HSV (or HSB)	190.9°, 99.1, 84.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.834, -23.802, -30.213
XYZ	28.138, 36.412, 70.507
xyY	0.208, 0.27, 36.412
CIE-LCH	66.834, 38.462, 231.769
CIE-LUV	66.834, -47.45, -44.588
Hunter-Lab	60.343, -22.363, -27.038
Binary	00000010, 10110001, 11011000

#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#d82902
```
#d82902 rgb(216,41,2)
```

Complementary Color

#02d894
```
#02d894 rgb(2,216,148)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#0246d8
```
#0246d8 rgb(2,70,216)
```

Analogous Color

#d89402
```
#d89402 rgb(216,148,2)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#d80246
```
#d80246 rgb(216,2,70)
```

Split Complementary Color

#b1d802
```
#b1d802 rgb(177,216,2)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#d802b1
```
#d802b1 rgb(216,2,177)
```

Triadic Color

#02d829
```
#02d829 rgb(2,216,41)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#d802b1
```
#d802b1 rgb(216,2,177)
```
#d82902
```
#d82902 rgb(216,41,2)
```

Tetradic Color

#01738c
```
#01738c rgb(1,115,140)
```
#0288a5
```
#0288a5 rgb(2,136,165)
```
#029cbf
```
#029cbf rgb(2,156,191)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#02c6f1
```
#02c6f1 rgb(2,198,241)
```
#10d2fd
```
#10d2fd rgb(16,210,253)
```
#29d6fd
```
#29d6fd rgb(41,214,253)
```

Monochromatic Color

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

#02d8ca
```
#02d8ca rgb(2,216,202)
```
#02d5d8
```
#02d5d8 rgb(2,213,216)
```
#02c3d8
```
#02c3d8 rgb(2,195,216)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#029fd8
```
#029fd8 rgb(2,159,216)
```
#028dd8
```
#028dd8 rgb(2,141,216)
```
#027cd8
```
#027cd8 rgb(2,124,216)
```

Similar Colors

Text with hexadecimal color #02b1d8

This text has a font color of #02b1d8.

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

#02b1d8 background color

This paragraph has a background color of #02b1d8.

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

#02b1d8 border color

This element has a border color of #02b1d8.

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

CSS codes

.text {color:#02b1d8;}

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

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

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 #eefcff is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#001216
```
#001216 rgb(0,18,22)
```
#002229
```
#002229 rgb(0,34,41)
```
#01323d
```
#01323d rgb(1,50,61)
```
#014250
```
#014250 rgb(1,66,80)
```
#015163
```
#015163 rgb(1,81,99)
```
#016177
```
#016177 rgb(1,97,119)
```
#01718a
```
#01718a rgb(1,113,138)
```
#01819e
```
#01819e rgb(1,129,158)
```
#0291b1
```
#0291b1 rgb(2,145,177)
```
#02a1c5
```
#02a1c5 rgb(2,161,197)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```
#02c1eb
```
#02c1eb rgb(2,193,235)
```

Shade Color Variation

#05cffd
```
#05cffd rgb(5,207,253)
```
#18d3fd
```
#18d3fd rgb(24,211,253)
```
#2bd7fd
```
#2bd7fd rgb(43,215,253)
```
#3fdbfd
```
#3fdbfd rgb(63,219,253)
```
#52defd
```
#52defd rgb(82,222,253)
```
#66e2fe
```
#66e2fe rgb(102,226,254)
```
#79e6fe
```
#79e6fe rgb(121,230,254)
```
#8de9fe
```
#8de9fe rgb(141,233,254)
```
#a0edfe
```
#a0edfe rgb(160,237,254)
```
#b3f1fe
```
#b3f1fe rgb(179,241,254)
```
#c7f4fe
```
#c7f4fe rgb(199,244,254)
```
#daf8ff
```
#daf8ff rgb(218,248,255)
```
#eefcff
```
#eefcff rgb(238,252,255)
```

Tint Color Variation

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

#677173
```
#677173 rgb(103,113,115)
```
#5e767c
```
#5e767c rgb(94,118,124)
```
#567c84
```
#567c84 rgb(86,124,132)
```
#4d818d
```
#4d818d rgb(77,129,141)
```
#458695
```
#458695 rgb(69,134,149)
```
#3d8c9d
```
#3d8c9d rgb(61,140,157)
```
#3491a6
```
#3491a6 rgb(52,145,166)
```
#2c96ae
```
#2c96ae rgb(44,150,174)
```
#249cb6
```
#249cb6 rgb(36,156,182)
```
#1ba1bf
```
#1ba1bf rgb(27,161,191)
```
#13a6c7
```
#13a6c7 rgb(19,166,199)
```
#0aacd0
```
#0aacd0 rgb(10,172,208)
```
#02b1d8
```
#02b1d8 rgb(2,177,216)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#688b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca5cf Protanopia 1% of men
#93a5e0 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#64a9d2 Protanomaly 1% of men, 0.01% of women
#5ea9dd Deuteranomaly 6% of men, 0.4% of women
#00b5cb Tritanomaly 0.01% of the population

#02b1d8 hex color

#02b1d8 Color Information

#02b1d8 Color Conversion

Color Schemes with #02b1d8

Alternatives to #02b1d8

#02b1d8 Preview

Shades and Tints of #02b1d8

Tones of #02b1d8

Color Blindness Simulator