#02b4be hex color

In a RGB color space, hex #02b4be is composed of 0.8% red, 70.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 5.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 183.2 degrees, a saturation of 97.9% and a lightness of 37.6%. #02b4be color hex could be obtained by blending #04ffff with #00697d. Closest websafe color is: #00cccc.

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

● #02b4be color description : Strong cyan.

The hexadecimal color #02b4be has RGB values of R:2, G:180, B:190 and CMYK values of C:0.99, M:0.05, Y:0, K:0.25. Its decimal value is 177342.

Hex triplet	02b4be	`#02b4be`
RGB Decimal	2, 180, 190	`rgb(2,180,190)`
RGB Percent	0.8, 70.6, 74.5	`rgb(0.8%,70.6%,74.5%)`
CMYK	99, 5, 0, 25
HSL	183.2°, 97.9, 37.6	`hsl(183.2,97.9%,37.6%)`
HSV (or HSB)	183.2°, 98.9, 74.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.802, -33.845, -15.919
XYZ	25.638, 36.37, 54.381
xyY	0.22, 0.312, 36.37
CIE-LCH	66.802, 37.402, 205.191
CIE-LUV	66.802, -50.533, -19.611
Hunter-Lab	60.308, -29.656, -11.248
Binary	00000010, 10110100, 10111110

#02b4be
```
#02b4be rgb(2,180,190)
```
#be0c02
```
#be0c02 rgb(190,12,2)
```

Complementary Color

#02be6a
```
#02be6a rgb(2,190,106)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#0256be
```
#0256be rgb(2,86,190)
```

Analogous Color

#be6a02
```
#be6a02 rgb(190,106,2)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#be0256
```
#be0256 rgb(190,2,86)
```

Split Complementary Color

#b4be02
```
#b4be02 rgb(180,190,2)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#be02b4
```
#be02b4 rgb(190,2,180)
```

Triadic Color

#02be0c
```
#02be0c rgb(2,190,12)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#be02b4
```
#be02b4 rgb(190,2,180)
```
#be0c02
```
#be0c02 rgb(190,12,2)
```

Tetradic Color

#016c72
```
#016c72 rgb(1,108,114)
```
#01848c
```
#01848c rgb(1,132,140)
```
#029ca5
```
#029ca5 rgb(2,156,165)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#02ccd7
```
#02ccd7 rgb(2,204,215)
```
#03e4f0
```
#03e4f0 rgb(3,228,240)
```
#10f0fc
```
#10f0fc rgb(16,240,252)
```

Monochromatic Color

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

#02be99
```
#02be99 rgb(2,190,153)
```
#02bea9
```
#02bea9 rgb(2,190,169)
```
#02beb8
```
#02beb8 rgb(2,190,184)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#02a4be
```
#02a4be rgb(2,164,190)
```
#0295be
```
#0295be rgb(2,149,190)
```
#0285be
```
#0285be rgb(2,133,190)
```

Similar Colors

Text with hexadecimal color #02b4be

This text has a font color of #02b4be.

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

#02b4be background color

This paragraph has a background color of #02b4be.

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

#02b4be border color

This element has a border color of #02b4be.

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

CSS codes

.text {color:#02b4be;}

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

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

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

#000e0f
```
#000e0f rgb(0,14,15)
```
#002123
```
#002123 rgb(0,33,35)
```
#013336
```
#013336 rgb(1,51,54)
```
#01464a
```
#01464a rgb(1,70,74)
```
#01585d
```
#01585d rgb(1,88,93)
```
#016a70
```
#016a70 rgb(1,106,112)
```
#017d84
```
#017d84 rgb(1,125,132)
```
#028f97
```
#028f97 rgb(2,143,151)
```
#02a2ab
```
#02a2ab rgb(2,162,171)
```
#02b4be
```
#02b4be rgb(2,180,190)
```
#02c6d1
```
#02c6d1 rgb(2,198,209)
```
#02d9e5
```
#02d9e5 rgb(2,217,229)
```
#03ebf8
```
#03ebf8 rgb(3,235,248)
```

Shade Color Variation

#12f0fd
```
#12f0fd rgb(18,240,253)
```
#25f1fd
```
#25f1fd rgb(37,241,253)
```
#39f2fd
```
#39f2fd rgb(57,242,253)
```
#4cf4fd
```
#4cf4fd rgb(76,244,253)
```
#60f5fd
```
#60f5fd rgb(96,245,253)
```
#73f6fe
```
#73f6fe rgb(115,246,254)
```
#86f7fe
```
#86f7fe rgb(134,247,254)
```
#9af9fe
```
#9af9fe rgb(154,249,254)
```
#adfafe
```
#adfafe rgb(173,250,254)
```
#c1fbfe
```
#c1fbfe rgb(193,251,254)
```
#d4fcff
```
#d4fcff rgb(212,252,255)
```
#e7feff
```
#e7feff rgb(231,254,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#5b6565
```
#5b6565 rgb(91,101,101)
```
#536b6d
```
#536b6d rgb(83,107,109)
```
#4c7274
```
#4c7274 rgb(76,114,116)
```
#44797c
```
#44797c rgb(68,121,124)
```
#3d7f83
```
#3d7f83 rgb(61,127,131)
```
#36868a
```
#36868a rgb(54,134,138)
```
#2e8c92
```
#2e8c92 rgb(46,140,146)
```
#279399
```
#279399 rgb(39,147,153)
```
#209aa0
```
#209aa0 rgb(32,154,160)
```
#18a0a8
```
#18a0a8 rgb(24,160,168)
```
#11a7af
```
#11a7af rgb(17,167,175)
```
#09adb7
```
#09adb7 rgb(9,173,183)
```
#02b4be
```
#02b4be rgb(2,180,190)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678a8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b6 Protanopia 1% of men
#a5a4c8 Deuteranopia 1% of men
#1ab7c4 Tritanopia 0.001% of the population

Trichromacy

#69abb9 Protanomaly 1% of men, 0.01% of women
#69a9c4 Deuteranomaly 6% of men, 0.4% of women
#11b6c2 Tritanomaly 0.01% of the population

#02b4be hex color

#02b4be Color Information

#02b4be Color Conversion

Color Schemes with #02b4be

Alternatives to #02b4be

#02b4be Preview

Shades and Tints of #02b4be

Tones of #02b4be

Color Blindness Simulator