#02b4b4 hex color

In a RGB color space, hex #02b4b4 is composed of 0.8% red, 70.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 0% yellow and 29.4% black. It has a hue angle of 180 degrees, a saturation of 97.8% and a lightness of 35.7%. #02b4b4 color hex could be obtained by blending #04ffff with #006969. Closest websafe color is: #00cccc.

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

● #02b4b4 color description : Strong cyan.

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

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

CIE-LAB	66.48, -36.955, -10.87
XYZ	24.582, 35.948, 48.821
xyY	0.225, 0.329, 35.948
CIE-LCH	66.48, 38.521, 196.391
CIE-LUV	66.48, -51.338, -11.085
Hunter-Lab	59.957, -31.74, -6.308
Binary	00000010, 10110100, 10110100

#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#b40202
```
#b40202 rgb(180,2,2)
```

Complementary Color

#02b45b
```
#02b45b rgb(2,180,91)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#025bb4
```
#025bb4 rgb(2,91,180)
```

Analogous Color

#b45b02
```
#b45b02 rgb(180,91,2)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#b4025b
```
#b4025b rgb(180,2,91)
```

Split Complementary Color

#b4b402
```
#b4b402 rgb(180,180,2)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#b402b4
```
#b402b4 rgb(180,2,180)
```

Triadic Color

#02b402
```
#02b402 rgb(2,180,2)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#b402b4
```
#b402b4 rgb(180,2,180)
```
#b40202
```
#b40202 rgb(180,2,2)
```

Tetradic Color

#016868
```
#016868 rgb(1,104,104)
```
#018282
```
#018282 rgb(1,130,130)
```
#029b9b
```
#029b9b rgb(2,155,155)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#02cdcd
```
#02cdcd rgb(2,205,205)
```
#03e6e6
```
#03e6e6 rgb(3,230,230)
```
#06fcfc
```
#06fcfc rgb(6,252,252)
```

Monochromatic Color

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

#02b488
```
#02b488 rgb(2,180,136)
```
#02b496
```
#02b496 rgb(2,180,150)
```
#02b4a5
```
#02b4a5 rgb(2,180,165)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#02a5b4
```
#02a5b4 rgb(2,165,180)
```
#0296b4
```
#0296b4 rgb(2,150,180)
```
#0288b4
```
#0288b4 rgb(2,136,180)
```

Similar Colors

Text with hexadecimal color #02b4b4

This text has a font color of #02b4b4.

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

#02b4b4 background color

This paragraph has a background color of #02b4b4.

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

#02b4b4 border color

This element has a border color of #02b4b4.

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

CSS codes

.text {color:#02b4b4;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#001919
```
#001919 rgb(0,25,25)
```
#002c2c
```
#002c2c rgb(0,44,44)
```
#014040
```
#014040 rgb(1,64,64)
```
#015353
```
#015353 rgb(1,83,83)
```
#016666
```
#016666 rgb(1,102,102)
```
#017a7a
```
#017a7a rgb(1,122,122)
```
#028d8d
```
#028d8d rgb(2,141,141)
```
#02a1a1
```
#02a1a1 rgb(2,161,161)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```
#02c7c7
```
#02c7c7 rgb(2,199,199)
```
#02dbdb
```
#02dbdb rgb(2,219,219)
```
#03eeee
```
#03eeee rgb(3,238,238)
```

Shade Color Variation

#08fcfc
```
#08fcfc rgb(8,252,252)
```
#1cfcfc
```
#1cfcfc rgb(28,252,252)
```
#2ffdfd
```
#2ffdfd rgb(47,253,253)
```
#42fdfd
```
#42fdfd rgb(66,253,253)
```
#56fdfd
```
#56fdfd rgb(86,253,253)
```
#69fdfd
```
#69fdfd rgb(105,253,253)
```
#7dfefe
```
#7dfefe rgb(125,254,254)
```
#90fefe
```
#90fefe rgb(144,254,254)
```
#a3fefe
```
#a3fefe rgb(163,254,254)
```
#b7fefe
```
#b7fefe rgb(183,254,254)
```
#cafefe
```
#cafefe rgb(202,254,254)
```
#deffff
```
#deffff rgb(222,255,255)
```
#f1ffff
```
#f1ffff rgb(241,255,255)
```

Tint Color Variation

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

#566060
```
#566060 rgb(86,96,96)
```
#4f6767
```
#4f6767 rgb(79,103,103)
```
#486e6e
```
#486e6e rgb(72,110,110)
```
#417575
```
#417575 rgb(65,117,117)
```
#3a7c7c
```
#3a7c7c rgb(58,124,124)
```
#338383
```
#338383 rgb(51,131,131)
```
#2c8a8a
```
#2c8a8a rgb(44,138,138)
```
#259191
```
#259191 rgb(37,145,145)
```
#1e9898
```
#1e9898 rgb(30,152,152)
```
#179f9f
```
#179f9f rgb(23,159,159)
```
#10a6a6
```
#10a6a6 rgb(16,166,166)
```
#09adad
```
#09adad rgb(9,173,173)
```
#02b4b4
```
#02b4b4 rgb(2,180,180)
```

Tone Color Variation

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

#a7a5ad Protanopia 1% of men
#a9a2bf Deuteranopia 1% of men
#29b6c3 Tritanopia 0.001% of the population

Trichromacy

#6baaaf Protanomaly 1% of men, 0.01% of women
#6ca9bb Deuteranomaly 6% of men, 0.4% of women
#1bb5bd Tritanomaly 0.01% of the population

#02b4b4 hex color

#02b4b4 Color Information

#02b4b4 Color Conversion

Color Schemes with #02b4b4

Alternatives to #02b4b4

#02b4b4 Preview

Shades and Tints of #02b4b4

Tones of #02b4b4

Color Blindness Simulator