#02b2a7 hex color

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

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

● #02b2a7 color description : Dark cyan.

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

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

CIE-LAB	65.468, -39.949, -5.167
XYZ	22.918, 34.641, 42.036
xyY	0.23, 0.348, 34.641
CIE-LCH	65.468, 40.282, 187.369
CIE-LUV	65.468, -51.693, -1.755
Hunter-Lab	58.857, -33.494, -1.145
Binary	00000010, 10110010, 10100111

#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#b2020d
```
#b2020d rgb(178,2,13)
```

Complementary Color

#02b24f
```
#02b24f rgb(2,178,79)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#0265b2
```
#0265b2 rgb(2,101,178)
```

Analogous Color

#b24f02
```
#b24f02 rgb(178,79,2)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#b20265
```
#b20265 rgb(178,2,101)
```

Split Complementary Color

#b2a702
```
#b2a702 rgb(178,167,2)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#a702b2
```
#a702b2 rgb(167,2,178)
```

Triadic Color

#0db202
```
#0db202 rgb(13,178,2)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#a702b2
```
#a702b2 rgb(167,2,178)
```
#b2020d
```
#b2020d rgb(178,2,13)
```

Tetradic Color

#016660
```
#016660 rgb(1,102,96)
```
#018078
```
#018078 rgb(1,128,120)
```
#02998f
```
#02998f rgb(2,153,143)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#02cbbf
```
#02cbbf rgb(2,203,191)
```
#03e4d6
```
#03e4d6 rgb(3,228,214)
```
#04fced
```
#04fced rgb(4,252,237)
```

Monochromatic Color

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

#02b27b
```
#02b27b rgb(2,178,123)
```
#02b28a
```
#02b28a rgb(2,178,138)
```
#02b298
```
#02b298 rgb(2,178,152)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#02aeb2
```
#02aeb2 rgb(2,174,178)
```
#02a0b2
```
#02a0b2 rgb(2,160,178)
```
#0291b2
```
#0291b2 rgb(2,145,178)
```

Similar Colors

Text with hexadecimal color #02b2a7

This text has a font color of #02b2a7.

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

#02b2a7 background color

This paragraph has a background color of #02b2a7.

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

#02b2a7 border color

This element has a border color of #02b2a7.

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

CSS codes

.text {color:#02b2a7;}

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

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

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)
```
#001715
```
#001715 rgb(0,23,21)
```
#002a28
```
#002a28 rgb(0,42,40)
```
#013e3a
```
#013e3a rgb(1,62,58)
```
#01514c
```
#01514c rgb(1,81,76)
```
#01645e
```
#01645e rgb(1,100,94)
```
#017870
```
#017870 rgb(1,120,112)
```
#028b83
```
#028b83 rgb(2,139,131)
```
#029f95
```
#029f95 rgb(2,159,149)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```
#02c5b9
```
#02c5b9 rgb(2,197,185)
```
#02d9cb
```
#02d9cb rgb(2,217,203)
```
#03ecde
```
#03ecde rgb(3,236,222)
```

Shade Color Variation

#06fced
```
#06fced rgb(6,252,237)
```
#1afcee
```
#1afcee rgb(26,252,238)
```
#2dfdf0
```
#2dfdf0 rgb(45,253,240)
```
#40fdf1
```
#40fdf1 rgb(64,253,241)
```
#54fdf3
```
#54fdf3 rgb(84,253,243)
```
#67fdf4
```
#67fdf4 rgb(103,253,244)
```
#7bfef5
```
#7bfef5 rgb(123,254,245)
```
#8efef7
```
#8efef7 rgb(142,254,247)
```
#a1fef8
```
#a1fef8 rgb(161,254,248)
```
#b5fefa
```
#b5fefa rgb(181,254,250)
```
#c8fefb
```
#c8fefb rgb(200,254,251)
```
#dcfffc
```
#dcfffc rgb(220,255,252)
```
#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 #02b2a7 is the most saturated one.

#555f5e
```
#555f5e rgb(85,95,94)
```
#4e6664
```
#4e6664 rgb(78,102,100)
```
#476d6a
```
#476d6a rgb(71,109,106)
```
#407470
```
#407470 rgb(64,116,112)
```
#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)
```
#179d95
```
#179d95 rgb(23,157,149)
```
#10a49b
```
#10a49b rgb(16,164,155)
```
#09aba1
```
#09aba1 rgb(9,171,161)
```
#02b2a7
```
#02b2a7 rgb(2,178,167)
```

Tone Color Variation

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

#a7a3a1 Protanopia 1% of men
#ab9fb3 Deuteranopia 1% of men
#33b2bf Tritanopia 0.001% of the population

Trichromacy

#6ba8a3 Protanomaly 1% of men, 0.01% of women
#6da6af Deuteranomaly 6% of men, 0.4% of women
#21b2b6 Tritanomaly 0.01% of the population

#02b2a7 hex color

#02b2a7 Color Information

#02b2a7 Color Conversion

Color Schemes with #02b2a7

Alternatives to #02b2a7

#02b2a7 Preview

Shades and Tints of #02b2a7

Tones of #02b2a7

Color Blindness Simulator