#02b5cc hex color

In a RGB color space, hex #02b5cc is composed of 0.8% red, 71% green and 80% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 11.3% magenta, 0% yellow and 20% black. It has a hue angle of 186.8 degrees, a saturation of 98.1% and a lightness of 40.4%. #02b5cc color hex could be obtained by blending #04ffff with #006b99. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 71
- B 80
RGB color chart
- C 99
- M 11
- Y 0
- K 20
CMYK color chart

● #02b5cc color description : Strong cyan.

The hexadecimal color #02b5cc has RGB values of R:2, G:181, B:204 and CMYK values of C:0.99, M:0.11, Y:0, K:0.2. Its decimal value is 177612.

Hex triplet	02b5cc	`#02b5cc`
RGB Decimal	2, 181, 204	`rgb(2,181,204)`
RGB Percent	0.8, 71, 80	`rgb(0.8%,71%,80%)`
CMYK	99, 11, 0, 20
HSL	186.8°, 98.1, 40.4	`hsl(186.8,98.1%,40.4%)`
HSV (or HSB)	186.8°, 99, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.589, -29.819, -22.449
XYZ	27.445, 37.417, 62.899
xyY	0.215, 0.293, 37.417
CIE-LCH	67.589, 37.324, 216.974
CIE-LUV	67.589, -49.756, -30.889
Hunter-Lab	61.17, -26.96, -18.147
Binary	00000010, 10110101, 11001100

#02b5cc
```
#02b5cc rgb(2,181,204)
```
#cc1902
```
#cc1902 rgb(204,25,2)
```

Complementary Color

#02cc7e
```
#02cc7e rgb(2,204,126)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#0250cc
```
#0250cc rgb(2,80,204)
```

Analogous Color

#cc7e02
```
#cc7e02 rgb(204,126,2)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#cc0250
```
#cc0250 rgb(204,2,80)
```

Split Complementary Color

#b5cc02
```
#b5cc02 rgb(181,204,2)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#cc02b5
```
#cc02b5 rgb(204,2,181)
```

Triadic Color

#02cc19
```
#02cc19 rgb(2,204,25)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#cc02b5
```
#cc02b5 rgb(204,2,181)
```
#cc1902
```
#cc1902 rgb(204,25,2)
```

Tetradic Color

#017280
```
#017280 rgb(1,114,128)
```
#028899
```
#028899 rgb(2,136,153)
```
#029fb3
```
#029fb3 rgb(2,159,179)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#02cbe5
```
#02cbe5 rgb(2,203,229)
```
#04e0fd
```
#04e0fd rgb(4,224,253)
```
#1ee3fd
```
#1ee3fd rgb(30,227,253)
```

Monochromatic Color

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

#02ccb1
```
#02ccb1 rgb(2,204,177)
```
#02ccc1
```
#02ccc1 rgb(2,204,193)
```
#02c6cc
```
#02c6cc rgb(2,198,204)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#02a4cc
```
#02a4cc rgb(2,164,204)
```
#0293cc
```
#0293cc rgb(2,147,204)
```
#0283cc
```
#0283cc rgb(2,131,204)
```

Similar Colors

Text with hexadecimal color #02b5cc

This text has a font color of #02b5cc.

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

#02b5cc background color

This paragraph has a background color of #02b5cc.

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

#02b5cc border color

This element has a border color of #02b5cc.

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

CSS codes

.text {color:#02b5cc;}

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

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

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, #00090a is the darkest color, while #f5feff is the lightest one.

#00090a
```
#00090a rgb(0,9,10)
```
#001a1d
```
#001a1d rgb(0,26,29)
```
#002b31
```
#002b31 rgb(0,43,49)
```
#013c44
```
#013c44 rgb(1,60,68)
```
#014e57
```
#014e57 rgb(1,78,87)
```
#015f6b
```
#015f6b rgb(1,95,107)
```
#01707e
```
#01707e rgb(1,112,126)
```
#018192
```
#018192 rgb(1,129,146)
```
#0293a5
```
#0293a5 rgb(2,147,165)
```
#02a4b9
```
#02a4b9 rgb(2,164,185)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```
#02c6df
```
#02c6df rgb(2,198,223)
```
#02d7f3
```
#02d7f3 rgb(2,215,243)
```

Shade Color Variation

#0ce1fd
```
#0ce1fd rgb(12,225,253)
```
#20e4fd
```
#20e4fd rgb(32,228,253)
```
#33e6fd
```
#33e6fd rgb(51,230,253)
```
#47e8fd
```
#47e8fd rgb(71,232,253)
```
#5aebfd
```
#5aebfd rgb(90,235,253)
```
#6dedfe
```
#6dedfe rgb(109,237,254)
```
#81f0fe
```
#81f0fe rgb(129,240,254)
```
#94f2fe
```
#94f2fe rgb(148,242,254)
```
#a8f4fe
```
#a8f4fe rgb(168,244,254)
```
#bbf7fe
```
#bbf7fe rgb(187,247,254)
```
#cef9ff
```
#cef9ff rgb(206,249,255)
```
#e2fbff
```
#e2fbff rgb(226,251,255)
```
#f5feff
```
#f5feff rgb(245,254,255)
```

Tint Color Variation

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

#616c6d
```
#616c6d rgb(97,108,109)
```
#597275
```
#597275 rgb(89,114,117)
```
#51787d
```
#51787d rgb(81,120,125)
```
#497e85
```
#497e85 rgb(73,126,133)
```
#41848d
```
#41848d rgb(65,132,141)
```
#398a95
```
#398a95 rgb(57,138,149)
```
#32909c
```
#32909c rgb(50,144,156)
```
#2a96a4
```
#2a96a4 rgb(42,150,164)
```
#229dac
```
#229dac rgb(34,157,172)
```
#1aa3b4
```
#1aa3b4 rgb(26,163,180)
```
#12a9bc
```
#12a9bc rgb(18,169,188)
```
#0aafc4
```
#0aafc4 rgb(10,175,196)
```
#02b5cc
```
#02b5cc rgb(2,181,204)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#688c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a7c4 Protanopia 1% of men
#9fa6d5 Deuteranopia 1% of men
#00b9c7 Tritanopia 0.001% of the population

Trichromacy

#68acc7 Protanomaly 1% of men, 0.01% of women
#66abd2 Deuteranomaly 6% of men, 0.4% of women
#00b8c8 Tritanomaly 0.01% of the population

#02b5cc hex color

#02b5cc Color Information

#02b5cc Color Conversion

Color Schemes with #02b5cc

Alternatives to #02b5cc

#02b5cc Preview

Shades and Tints of #02b5cc

Tones of #02b5cc

Color Blindness Simulator