#02bbdd hex color

In a RGB color space, hex #02bbdd is composed of 0.8% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 189.3 degrees, a saturation of 98.2% and a lightness of 43.7%. #02bbdd color hex could be obtained by blending #04ffff with #0077bb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 73
- B 87
RGB color chart
- C 99
- M 15
- Y 0
- K 13
CMYK color chart

● #02bbdd color description : Vivid cyan.

The hexadecimal color #02bbdd has RGB values of R:2, G:187, B:221 and CMYK values of C:0.99, M:0.15, Y:0, K:0.13. Its decimal value is 179165.

Hex triplet	02bbdd	`#02bbdd`
RGB Decimal	2, 187, 221	`rgb(2,187,221)`
RGB Percent	0.8, 73.3, 86.7	`rgb(0.8%,73.3%,86.7%)`
CMYK	99, 15, 0, 13
HSL	189.3°, 98.2, 43.7	`hsl(189.3,98.2%,43.7%)`
HSV (or HSB)	189.3°, 99.1, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.015, -27.164, -28.05
XYZ	30.843, 40.771, 74.647
xyY	0.211, 0.279, 40.771
CIE-LCH	70.015, 39.047, 225.92
CIE-LUV	70.015, -50.457, -40.767
Hunter-Lab	63.852, -25.519, -24.617
Binary	00000010, 10111011, 11011101

#02bbdd
```
#02bbdd rgb(2,187,221)
```
#dd2402
```
#dd2402 rgb(221,36,2)
```

Complementary Color

#02dd92
```
#02dd92 rgb(2,221,146)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#024edd
```
#024edd rgb(2,78,221)
```

Analogous Color

#dd9202
```
#dd9202 rgb(221,146,2)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#dd024e
```
#dd024e rgb(221,2,78)
```

Split Complementary Color

#bbdd02
```
#bbdd02 rgb(187,221,2)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#dd02bb
```
#dd02bb rgb(221,2,187)
```

Triadic Color

#02dd24
```
#02dd24 rgb(2,221,36)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#dd02bb
```
#dd02bb rgb(221,2,187)
```
#dd2402
```
#dd2402 rgb(221,36,2)
```

Tetradic Color

#017b91
```
#017b91 rgb(1,123,145)
```
#0290aa
```
#0290aa rgb(2,144,170)
```
#02a6c4
```
#02a6c4 rgb(2,166,196)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#02d0f6
```
#02d0f6 rgb(2,208,246)
```
#15d9fd
```
#15d9fd rgb(21,217,253)
```
#2eddfd
```
#2eddfd rgb(46,221,253)
```

Monochromatic Color

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

#02ddc8
```
#02ddc8 rgb(2,221,200)
```
#02dddb
```
#02dddb rgb(2,221,219)
```
#02cddd
```
#02cddd rgb(2,205,221)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#02a9dd
```
#02a9dd rgb(2,169,221)
```
#0297dd
```
#0297dd rgb(2,151,221)
```
#0284dd
```
#0284dd rgb(2,132,221)
```

Similar Colors

Text with hexadecimal color #02bbdd

This text has a font color of #02bbdd.

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

#02bbdd background color

This paragraph has a background color of #02bbdd.

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

#02bbdd border color

This element has a border color of #02bbdd.

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

CSS codes

.text {color:#02bbdd;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00171b
```
#00171b rgb(0,23,27)
```
#00272e
```
#00272e rgb(0,39,46)
```
#013741
```
#013741 rgb(1,55,65)
```
#014855
```
#014855 rgb(1,72,85)
```
#015868
```
#015868 rgb(1,88,104)
```
#01697c
```
#01697c rgb(1,105,124)
```
#01798f
```
#01798f rgb(1,121,143)
```
#018aa3
```
#018aa3 rgb(1,138,163)
```
#029ab6
```
#029ab6 rgb(2,154,182)
```
#02abca
```
#02abca rgb(2,171,202)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```
#02cbf0
```
#02cbf0 rgb(2,203,240)
```

Shade Color Variation

#09d7fd
```
#09d7fd rgb(9,215,253)
```
#1ddafd
```
#1ddafd rgb(29,218,253)
```
#30ddfd
```
#30ddfd rgb(48,221,253)
```
#44e1fd
```
#44e1fd rgb(68,225,253)
```
#57e4fd
```
#57e4fd rgb(87,228,253)
```
#6be7fe
```
#6be7fe rgb(107,231,254)
```
#7eeafe
```
#7eeafe rgb(126,234,254)
```
#92edfe
```
#92edfe rgb(146,237,254)
```
#a5f0fe
```
#a5f0fe rgb(165,240,254)
```
#b8f4fe
```
#b8f4fe rgb(184,244,254)
```
#ccf7ff
```
#ccf7ff rgb(204,247,255)
```
#dffaff
```
#dffaff rgb(223,250,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#697476
```
#697476 rgb(105,116,118)
```
#607a7f
```
#607a7f rgb(96,122,127)
```
#588087
```
#588087 rgb(88,128,135)
```
#4f8690
```
#4f8690 rgb(79,134,144)
```
#478c98
```
#478c98 rgb(71,140,152)
```
#3e92a1
```
#3e92a1 rgb(62,146,161)
```
#3598aa
```
#3598aa rgb(53,152,170)
```
#2d9db2
```
#2d9db2 rgb(45,157,178)
```
#24a3bb
```
#24a3bb rgb(36,163,187)
```
#1ca9c3
```
#1ca9c3 rgb(28,169,195)
```
#13afcc
```
#13afcc rgb(19,175,204)
```
#0bb5d4
```
#0bb5d4 rgb(11,181,212)
```
#02bbdd
```
#02bbdd rgb(2,187,221)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6d9299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6add4 Protanopia 1% of men
#9fade5 Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6ab2d7 Protanomaly 1% of men, 0.01% of women
#66b2e2 Deuteranomaly 6% of men, 0.4% of women
#00bed3 Tritanomaly 0.01% of the population

#02bbdd hex color

#02bbdd Color Information

#02bbdd Color Conversion

Color Schemes with #02bbdd

Alternatives to #02bbdd

#02bbdd Preview

Shades and Tints of #02bbdd

Tones of #02bbdd

Color Blindness Simulator