#02b2a8 hex color

In a RGB color space, hex #02b2a8 is composed of 0.8% red, 69.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 5.6% yellow and 30.2% black. It has a hue angle of 176.6 degrees, a saturation of 97.8% and a lightness of 35.3%. #02b2a8 color hex could be obtained by blending #04ffff with #006551. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 70
- B 66
RGB color chart
- C 99
- M 0
- Y 6
- K 30
CMYK color chart

● #02b2a8 color description : Dark cyan.

The hexadecimal color #02b2a8 has RGB values of R:2, G:178, B:168 and CMYK values of C:0.99, M:0, Y:0.06, K:0.3. Its decimal value is 176808.

Hex triplet	02b2a8	`#02b2a8`
RGB Decimal	2, 178, 168	`rgb(2,178,168)`
RGB Percent	0.8, 69.8, 65.9	`rgb(0.8%,69.8%,65.9%)`
CMYK	99, 0, 6, 30
HSL	176.6°, 97.8, 35.3	`hsl(176.6,97.8%,35.3%)`
HSV (or HSB)	176.6°, 98.9, 69.8
Web Safe	009999	`#009999`

CIE-LAB	65.498, -39.655, -5.679
XYZ	23.011, 34.678, 42.524
xyY	0.23, 0.346, 34.678
CIE-LCH	65.498, 40.06, 188.15
CIE-LUV	65.498, -51.613, -2.584
Hunter-Lab	58.888, -33.305, -1.593
Binary	00000010, 10110010, 10101000

#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#b2020c
```
#b2020c rgb(178,2,12)
```

Complementary Color

#02b250
```
#02b250 rgb(2,178,80)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#0264b2
```
#0264b2 rgb(2,100,178)
```

Analogous Color

#b25002
```
#b25002 rgb(178,80,2)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#b20264
```
#b20264 rgb(178,2,100)
```

Split Complementary Color

#b2a802
```
#b2a802 rgb(178,168,2)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#a802b2
```
#a802b2 rgb(168,2,178)
```

Triadic Color

#0cb202
```
#0cb202 rgb(12,178,2)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#a802b2
```
#a802b2 rgb(168,2,178)
```
#b2020c
```
#b2020c rgb(178,2,12)
```

Tetradic Color

#016661
```
#016661 rgb(1,102,97)
```
#018078
```
#018078 rgb(1,128,120)
```
#029990
```
#029990 rgb(2,153,144)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#02cbc0
```
#02cbc0 rgb(2,203,192)
```
#03e4d8
```
#03e4d8 rgb(3,228,216)
```
#04fcee
```
#04fcee rgb(4,252,238)
```

Monochromatic Color

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

#02b27c
```
#02b27c rgb(2,178,124)
```
#02b28b
```
#02b28b rgb(2,178,139)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#02adb2
```
#02adb2 rgb(2,173,178)
```
#029fb2
```
#029fb2 rgb(2,159,178)
```
#0290b2
```
#0290b2 rgb(2,144,178)
```

Similar Colors

Text with hexadecimal color #02b2a8

This text has a font color of #02b2a8.

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

#02b2a8 background color

This paragraph has a background color of #02b2a8.

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

#02b2a8 border color

This element has a border color of #02b2a8.

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

CSS codes

.text {color:#02b2a8;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001716
```
#001716 rgb(0,23,22)
```
#002a28
```
#002a28 rgb(0,42,40)
```
#013e3a
```
#013e3a rgb(1,62,58)
```
#01514c
```
#01514c rgb(1,81,76)
```
#01645f
```
#01645f rgb(1,100,95)
```
#017871
```
#017871 rgb(1,120,113)
```
#028b83
```
#028b83 rgb(2,139,131)
```
#029f96
```
#029f96 rgb(2,159,150)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#02c5ba
```
#02c5ba rgb(2,197,186)
```
#02d9cd
```
#02d9cd rgb(2,217,205)
```
#03ecdf
```
#03ecdf rgb(3,236,223)
```

Shade Color Variation

#06fcee
```
#06fcee rgb(6,252,238)
```
#1afcf0
```
#1afcf0 rgb(26,252,240)
```
#2dfdf1
```
#2dfdf1 rgb(45,253,241)
```
#40fdf2
```
#40fdf2 rgb(64,253,242)
```
#54fdf3
```
#54fdf3 rgb(84,253,243)
```
#67fdf5
```
#67fdf5 rgb(103,253,245)
```
#7bfef6
```
#7bfef6 rgb(123,254,246)
```
#8efef7
```
#8efef7 rgb(142,254,247)
```
#a1fef9
```
#a1fef9 rgb(161,254,249)
```
#b5fefa
```
#b5fefa rgb(181,254,250)
```
#c8fefb
```
#c8fefb rgb(200,254,251)
```
#dcfffd
```
#dcfffd rgb(220,255,253)
```
#effffe
```
#effffe rgb(239,255,254)
```

Tint Color Variation

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

#555f5e
```
#555f5e rgb(85,95,94)
```
#4e6665
```
#4e6665 rgb(78,102,101)
```
#476d6b
```
#476d6b rgb(71,109,107)
```
#407471
```
#407471 rgb(64,116,113)
```
#397b77
```
#397b77 rgb(57,123,119)
```
#32827d
```
#32827d rgb(50,130,125)
```
#2c8883
```
#2c8883 rgb(44,136,131)
```
#258f89
```
#258f89 rgb(37,143,137)
```
#1e968f
```
#1e968f rgb(30,150,143)
```
#179d96
```
#179d96 rgb(23,157,150)
```
#10a49c
```
#10a49c rgb(16,164,156)
```
#09aba2
```
#09aba2 rgb(9,171,162)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#648785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a3a2 Protanopia 1% of men
#ab9fb4 Deuteranopia 1% of men
#32b2c0 Tritanopia 0.001% of the population

Trichromacy

#6ba8a4 Protanomaly 1% of men, 0.01% of women
#6da6b0 Deuteranomaly 6% of men, 0.4% of women
#21b2b7 Tritanomaly 0.01% of the population

#02b2a8 hex color

#02b2a8 Color Information

#02b2a8 Color Conversion

Color Schemes with #02b2a8

Alternatives to #02b2a8

#02b2a8 Preview

Shades and Tints of #02b2a8

Tones of #02b2a8

Color Blindness Simulator