#02bdce hex color

In a RGB color space, hex #02bdce is composed of 0.8% red, 74.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 8.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 185 degrees, a saturation of 98.1% and a lightness of 40.8%. #02bdce color hex could be obtained by blending #04ffff with #007b9d. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 74
- B 81
RGB color chart
- C 99
- M 8
- Y 0
- K 19
CMYK color chart

● #02bdce color description : Strong cyan.

The hexadecimal color #02bdce has RGB values of R:2, G:189, B:206 and CMYK values of C:0.99, M:0.08, Y:0, K:0.19. Its decimal value is 179662.

Hex triplet	02bdce	`#02bdce`
RGB Decimal	2, 189, 206	`rgb(2,189,206)`
RGB Percent	0.8, 74.1, 80.8	`rgb(0.8%,74.1%,80.8%)`
CMYK	99, 8, 0, 19
HSL	185°, 98.1, 40.8	`hsl(185,98.1%,40.8%)`
HSV (or HSB)	185°, 99, 80.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.079, -33.035, -19.756
XYZ	29.36, 40.861, 64.729
xyY	0.218, 0.303, 40.861
CIE-LCH	70.079, 38.492, 210.881
CIE-LUV	70.079, -52.329, -26.134
Hunter-Lab	63.923, -29.88, -15.291
Binary	00000010, 10111101, 11001110

#02bdce
```
#02bdce rgb(2,189,206)
```
#ce1302
```
#ce1302 rgb(206,19,2)
```

Complementary Color

#02ce79
```
#02ce79 rgb(2,206,121)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#0257ce
```
#0257ce rgb(2,87,206)
```

Analogous Color

#ce7902
```
#ce7902 rgb(206,121,2)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#ce0257
```
#ce0257 rgb(206,2,87)
```

Split Complementary Color

#bdce02
```
#bdce02 rgb(189,206,2)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#ce02bd
```
#ce02bd rgb(206,2,189)
```

Triadic Color

#02ce13
```
#02ce13 rgb(2,206,19)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#ce02bd
```
#ce02bd rgb(206,2,189)
```
#ce1302
```
#ce1302 rgb(206,19,2)
```

Tetradic Color

#017782
```
#017782 rgb(1,119,130)
```
#028f9b
```
#028f9b rgb(2,143,155)
```
#02a6b5
```
#02a6b5 rgb(2,166,181)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#02d4e7
```
#02d4e7 rgb(2,212,231)
```
#06e8fd
```
#06e8fd rgb(6,232,253)
```
#20eafd
```
#20eafd rgb(32,234,253)
```

Monochromatic Color

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

#02ceac
```
#02ceac rgb(2,206,172)
```
#02cebd
```
#02cebd rgb(2,206,189)
```
#02cece
```
#02cece rgb(2,206,206)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#02acce
```
#02acce rgb(2,172,206)
```
#029bce
```
#029bce rgb(2,155,206)
```
#028ace
```
#028ace rgb(2,138,206)
```

Similar Colors

Text with hexadecimal color #02bdce

This text has a font color of #02bdce.

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

#02bdce background color

This paragraph has a background color of #02bdce.

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

#02bdce border color

This element has a border color of #02bdce.

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

CSS codes

.text {color:#02bdce;}

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

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

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, #000b0c is the darkest color, while #f7feff is the lightest one.

#000b0c
```
#000b0c rgb(0,11,12)
```
#001d1f
```
#001d1f rgb(0,29,31)
```
#002e33
```
#002e33 rgb(0,46,51)
```
#014046
```
#014046 rgb(1,64,70)
```
#015259
```
#015259 rgb(1,82,89)
```
#01646d
```
#01646d rgb(1,100,109)
```
#017680
```
#017680 rgb(1,118,128)
```
#018894
```
#018894 rgb(1,136,148)
```
#0299a7
```
#0299a7 rgb(2,153,167)
```
#02abbb
```
#02abbb rgb(2,171,187)
```
#02bdce
```
#02bdce rgb(2,189,206)
```
#02cfe1
```
#02cfe1 rgb(2,207,225)
```
#02e1f5
```
#02e1f5 rgb(2,225,245)
```

Shade Color Variation

#0ee9fd
```
#0ee9fd rgb(14,233,253)
```
#22ebfd
```
#22ebfd rgb(34,235,253)
```
#35ecfd
```
#35ecfd rgb(53,236,253)
```
#48eefd
```
#48eefd rgb(72,238,253)
```
#5cf0fd
```
#5cf0fd rgb(92,240,253)
```
#6ff2fe
```
#6ff2fe rgb(111,242,254)
```
#83f4fe
```
#83f4fe rgb(131,244,254)
```
#96f5fe
```
#96f5fe rgb(150,245,254)
```
#aaf7fe
```
#aaf7fe rgb(170,247,254)
```
#bdf9fe
```
#bdf9fe rgb(189,249,254)
```
#d0fbff
```
#d0fbff rgb(208,251,255)
```
#e4fcff
```
#e4fcff rgb(228,252,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#626d6e
```
#626d6e rgb(98,109,110)
```
#5a7476
```
#5a7476 rgb(90,116,118)
```
#527a7e
```
#527a7e rgb(82,122,126)
```
#4a8186
```
#4a8186 rgb(74,129,134)
```
#42888e
```
#42888e rgb(66,136,142)
```
#3a8e96
```
#3a8e96 rgb(58,142,150)
```
#32959e
```
#32959e rgb(50,149,158)
```
#2a9ca6
```
#2a9ca6 rgb(42,156,166)
```
#22a2ae
```
#22a2ae rgb(34,162,174)
```
#1aa9b6
```
#1aa9b6 rgb(26,169,182)
```
#12b0be
```
#12b0be rgb(18,176,190)
```
#0ab6c6
```
#0ab6c6 rgb(10,182,198)
```
#02bdce
```
#02bdce rgb(2,189,206)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6c9295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaec5 Protanopia 1% of men
#a9acd8 Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6db3c8 Protanomaly 1% of men, 0.01% of women
#6cb2d4 Deuteranomaly 6% of men, 0.4% of women
#00bfce Tritanomaly 0.01% of the population

#02bdce hex color

#02bdce Color Information

#02bdce Color Conversion

Color Schemes with #02bdce

Alternatives to #02bdce

#02bdce Preview

Shades and Tints of #02bdce

Tones of #02bdce

Color Blindness Simulator