#02b5b1 hex color

In a RGB color space, hex #02b5b1 is composed of 0.8% red, 71% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 2.2% yellow and 29% black. It has a hue angle of 178.7 degrees, a saturation of 97.8% and a lightness of 35.9%. #02b5b1 color hex could be obtained by blending #04ffff with #006b63. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 71
- B 69
RGB color chart
- C 99
- M 0
- Y 2
- K 29
CMYK color chart

● #02b5b1 color description : Strong cyan.

The hexadecimal color #02b5b1 has RGB values of R:2, G:181, B:177 and CMYK values of C:0.99, M:0, Y:0.02, K:0.29. Its decimal value is 177585.

Hex triplet	02b5b1	`#02b5b1`
RGB Decimal	2, 181, 177	`rgb(2,181,177)`
RGB Percent	0.8, 71, 69.4	`rgb(0.8%,71%,69.4%)`
CMYK	99, 0, 2, 29
HSL	178.7°, 97.8, 35.9	`hsl(178.7,97.8%,35.9%)`
HSV (or HSB)	178.7°, 98.9, 71
Web Safe	00cc99	`#00cc99`

CIE-LAB	66.697, -38.321, -8.886
XYZ	24.482, 36.232, 47.296
xyY	0.227, 0.335, 36.232
CIE-LCH	66.697, 39.338, 193.054
CIE-LUV	66.697, -51.923, -7.768
Hunter-Lab	60.193, -32.738, -4.451
Binary	00000010, 10110101, 10110001

#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#b50206
```
#b50206 rgb(181,2,6)
```

Complementary Color

#02b558
```
#02b558 rgb(2,181,88)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#0260b5
```
#0260b5 rgb(2,96,181)
```

Analogous Color

#b55802
```
#b55802 rgb(181,88,2)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#b5025f
```
#b5025f rgb(181,2,95)
```

Split Complementary Color

#b5b102
```
#b5b102 rgb(181,177,2)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#b102b5
```
#b102b5 rgb(177,2,181)
```

Triadic Color

#06b502
```
#06b502 rgb(6,181,2)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#b102b5
```
#b102b5 rgb(177,2,181)
```
#b50206
```
#b50206 rgb(181,2,6)
```

Tetradic Color

#016967
```
#016967 rgb(1,105,103)
```
#018380
```
#018380 rgb(1,131,128)
```
#029c98
```
#029c98 rgb(2,156,152)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#02ceca
```
#02ceca rgb(2,206,202)
```
#03e7e2
```
#03e7e2 rgb(3,231,226)
```
#07fcf7
```
#07fcf7 rgb(7,252,247)
```

Monochromatic Color

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

#02b584
```
#02b584 rgb(2,181,132)
```
#02b593
```
#02b593 rgb(2,181,147)
```
#02b5a2
```
#02b5a2 rgb(2,181,162)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#02aab5
```
#02aab5 rgb(2,170,181)
```
#029bb5
```
#029bb5 rgb(2,155,181)
```
#028cb5
```
#028cb5 rgb(2,140,181)
```

Similar Colors

Text with hexadecimal color #02b5b1

This text has a font color of #02b5b1.

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

#02b5b1 background color

This paragraph has a background color of #02b5b1.

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

#02b5b1 border color

This element has a border color of #02b5b1.

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

CSS codes

.text {color:#02b5b1;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#001a19
```
#001a19 rgb(0,26,25)
```
#002d2c
```
#002d2c rgb(0,45,44)
```
#01413f
```
#01413f rgb(1,65,63)
```
#015452
```
#015452 rgb(1,84,82)
```
#016765
```
#016765 rgb(1,103,101)
```
#017b78
```
#017b78 rgb(1,123,120)
```
#028e8b
```
#028e8b rgb(2,142,139)
```
#02a29e
```
#02a29e rgb(2,162,158)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```
#02c8c4
```
#02c8c4 rgb(2,200,196)
```
#02dcd7
```
#02dcd7 rgb(2,220,215)
```
#03efea
```
#03efea rgb(3,239,234)
```

Shade Color Variation

#09fcf7
```
#09fcf7 rgb(9,252,247)
```
#1dfcf7
```
#1dfcf7 rgb(29,252,247)
```
#30fdf8
```
#30fdf8 rgb(48,253,248)
```
#43fdf9
```
#43fdf9 rgb(67,253,249)
```
#57fdf9
```
#57fdf9 rgb(87,253,249)
```
#6afdfa
```
#6afdfa rgb(106,253,250)
```
#7efefb
```
#7efefb rgb(126,254,251)
```
#91fefb
```
#91fefb rgb(145,254,251)
```
#a4fefc
```
#a4fefc rgb(164,254,252)
```
#b8fefd
```
#b8fefd rgb(184,254,253)
```
#cbfefd
```
#cbfefd rgb(203,254,253)
```
#dffffe
```
#dffffe rgb(223,255,254)
```
#f2ffff
```
#f2ffff rgb(242,255,255)
```

Tint Color Variation

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

#566160
```
#566160 rgb(86,97,96)
```
#4f6867
```
#4f6867 rgb(79,104,103)
```
#486f6e
```
#486f6e rgb(72,111,110)
```
#417674
```
#417674 rgb(65,118,116)
```
#3a7d7b
```
#3a7d7b rgb(58,125,123)
```
#338482
```
#338482 rgb(51,132,130)
```
#2c8b89
```
#2c8b89 rgb(44,139,137)
```
#25928f
```
#25928f rgb(37,146,143)
```
#1e9996
```
#1e9996 rgb(30,153,150)
```
#17a09d
```
#17a09d rgb(23,160,157)
```
#10a7a4
```
#10a7a4 rgb(16,167,164)
```
#09aeaa
```
#09aeaa rgb(9,174,170)
```
#02b5b1
```
#02b5b1 rgb(2,181,177)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a6aa Protanopia 1% of men
#aba3bd Deuteranopia 1% of men
#2eb6c3 Tritanopia 0.001% of the population

Trichromacy

#6cabac Protanomaly 1% of men, 0.01% of women
#6da9b8 Deuteranomaly 6% of men, 0.4% of women
#1eb5bd Tritanomaly 0.01% of the population

#02b5b1 hex color

#02b5b1 Color Information

#02b5b1 Color Conversion

Color Schemes with #02b5b1

Alternatives to #02b5b1

#02b5b1 Preview

Shades and Tints of #02b5b1

Tones of #02b5b1

Color Blindness Simulator