#02b5b4 hex color

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

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

● #02b5b4 color description : Strong cyan.

The hexadecimal color #02b5b4 has RGB values of R:2, G:181, B:180 and CMYK values of C:0.99, M:0, Y:0.01, K:0.29. Its decimal value is 177588.

Hex triplet	02b5b4	`#02b5b4`
RGB Decimal	2, 181, 180	`rgb(2,181,180)`
RGB Percent	0.8, 71, 70.6	`rgb(0.8%,71%,70.6%)`
CMYK	99, 0, 1, 29
HSL	179.7°, 97.8, 35.9	`hsl(179.7,97.8%,35.9%)`
HSV (or HSB)	179.7°, 98.9, 71
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.789, -37.413, -10.408
XYZ	24.785, 36.353, 48.888
xyY	0.225, 0.33, 36.353
CIE-LCH	66.789, 38.834, 195.546
CIE-LUV	66.789, -51.682, -10.296
Hunter-Lab	60.294, -32.139, -5.869
Binary	00000010, 10110101, 10110100

#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#b50203
```
#b50203 rgb(181,2,3)
```

Complementary Color

#02b55b
```
#02b55b rgb(2,181,91)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#025cb5
```
#025cb5 rgb(2,92,181)
```

Analogous Color

#b55b02
```
#b55b02 rgb(181,91,2)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#b5025d
```
#b5025d rgb(181,2,93)
```

Split Complementary Color

#b5b402
```
#b5b402 rgb(181,180,2)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#b402b5
```
#b402b5 rgb(180,2,181)
```

Triadic Color

#03b502
```
#03b502 rgb(3,181,2)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#b402b5
```
#b402b5 rgb(180,2,181)
```
#b50203
```
#b50203 rgb(181,2,3)
```

Tetradic Color

#016969
```
#016969 rgb(1,105,105)
```
#018382
```
#018382 rgb(1,131,130)
```
#029c9b
```
#029c9b rgb(2,156,155)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#02cecd
```
#02cecd rgb(2,206,205)
```
#03e7e6
```
#03e7e6 rgb(3,231,230)
```
#07fcfb
```
#07fcfb rgb(7,252,251)
```

Monochromatic Color

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

#02b587
```
#02b587 rgb(2,181,135)
```
#02b596
```
#02b596 rgb(2,181,150)
```
#02b5a5
```
#02b5a5 rgb(2,181,165)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#02a7b5
```
#02a7b5 rgb(2,167,181)
```
#0298b5
```
#0298b5 rgb(2,152,181)
```
#0289b5
```
#0289b5 rgb(2,137,181)
```

Similar Colors

Text with hexadecimal color #02b5b4

This text has a font color of #02b5b4.

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

#02b5b4 background color

This paragraph has a background color of #02b5b4.

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

#02b5b4 border color

This element has a border color of #02b5b4.

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

CSS codes

.text {color:#02b5b4;}

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

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

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)
```
#001a1a
```
#001a1a rgb(0,26,26)
```
#002d2d
```
#002d2d rgb(0,45,45)
```
#014140
```
#014140 rgb(1,65,64)
```
#015454
```
#015454 rgb(1,84,84)
```
#016767
```
#016767 rgb(1,103,103)
```
#017b7a
```
#017b7a rgb(1,123,122)
```
#028e8d
```
#028e8d rgb(2,142,141)
```
#02a2a1
```
#02a2a1 rgb(2,162,161)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```
#02c8c7
```
#02c8c7 rgb(2,200,199)
```
#02dcdb
```
#02dcdb rgb(2,220,219)
```
#03efee
```
#03efee rgb(3,239,238)
```

Shade Color Variation

#09fcfb
```
#09fcfb rgb(9,252,251)
```
#1dfcfb
```
#1dfcfb rgb(29,252,251)
```
#30fdfc
```
#30fdfc rgb(48,253,252)
```
#43fdfc
```
#43fdfc rgb(67,253,252)
```
#57fdfc
```
#57fdfc rgb(87,253,252)
```
#6afdfd
```
#6afdfd rgb(106,253,253)
```
#7efefd
```
#7efefd rgb(126,254,253)
```
#91fefd
```
#91fefd rgb(145,254,253)
```
#a4fefd
```
#a4fefd rgb(164,254,253)
```
#b8fefe
```
#b8fefe rgb(184,254,254)
```
#cbfefe
```
#cbfefe rgb(203,254,254)
```
#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 #02b5b4 is the most saturated one.

#566160
```
#566160 rgb(86,97,96)
```
#4f6867
```
#4f6867 rgb(79,104,103)
```
#486f6e
```
#486f6e rgb(72,111,110)
```
#417675
```
#417675 rgb(65,118,117)
```
#3a7d7c
```
#3a7d7c rgb(58,125,124)
```
#338483
```
#338483 rgb(51,132,131)
```
#2c8b8a
```
#2c8b8a rgb(44,139,138)
```
#259291
```
#259291 rgb(37,146,145)
```
#1e9998
```
#1e9998 rgb(30,153,152)
```
#17a09f
```
#17a09f rgb(23,160,159)
```
#10a7a6
```
#10a7a6 rgb(16,167,166)
```
#09aead
```
#09aead rgb(9,174,173)
```
#02b5b4
```
#02b5b4 rgb(2,181,180)
```

Tone Color Variation

Below, you can see how #02b5b4 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
#668a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a6ad Protanopia 1% of men
#aaa3bf Deuteranopia 1% of men
#2bb6c4 Tritanopia 0.001% of the population

Trichromacy

#6babaf Protanomaly 1% of men, 0.01% of women
#6da9bb Deuteranomaly 6% of men, 0.4% of women
#1cb6be Tritanomaly 0.01% of the population

#02b5b4 hex color

#02b5b4 Color Information

#02b5b4 Color Conversion

Color Schemes with #02b5b4

Alternatives to #02b5b4

#02b5b4 Preview

Shades and Tints of #02b5b4

Tones of #02b5b4

Color Blindness Simulator