#00afb6 hex color

In a RGB color space, hex #00afb6 is composed of 0% red, 68.6% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 3.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 182.3 degrees, a saturation of 100% and a lightness of 35.7%. #00afb6 color hex could be obtained by blending #00ffff with #005f6d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 71
RGB color chart
- C 100
- M 4
- Y 0
- K 29
CMYK color chart

● #00afb6 color description : Strong cyan.

The hexadecimal color #00afb6 has RGB values of R:0, G:175, B:182 and CMYK values of C:1, M:0.04, Y:0, K:0.29. Its decimal value is 44982.

Hex triplet	00afb6	`#00afb6`
RGB Decimal	0, 175, 182	`rgb(0,175,182)`
RGB Percent	0, 68.6, 71.4	`rgb(0%,68.6%,71.4%)`
CMYK	100, 4, 0, 29
HSL	182.3°, 100, 35.7	`hsl(182.3,100%,35.7%)`
HSV (or HSB)	182.3°, 100, 71.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.99, -34.075, -14.218
XYZ	23.771, 34.035, 49.57
xyY	0.221, 0.317, 34.035
CIE-LCH	64.99, 36.923, 202.649
CIE-LUV	64.99, -49.532, -16.776
Hunter-Lab	58.339, -29.363, -9.54
Binary	00000000, 10101111, 10110110

#00afb6
```
#00afb6 rgb(0,175,182)
```
#b60700
```
#b60700 rgb(182,7,0)
```

Complementary Color

#00b662
```
#00b662 rgb(0,182,98)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#0054b6
```
#0054b6 rgb(0,84,182)
```

Analogous Color

#b66200
```
#b66200 rgb(182,98,0)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#b60054
```
#b60054 rgb(182,0,84)
```

Split Complementary Color

#afb600
```
#afb600 rgb(175,182,0)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#b600af
```
#b600af rgb(182,0,175)
```

Triadic Color

#00b607
```
#00b607 rgb(0,182,7)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#b600af
```
#b600af rgb(182,0,175)
```
#b60700
```
#b60700 rgb(182,7,0)
```

Tetradic Color

#00656a
```
#00656a rgb(0,101,106)
```
#007e83
```
#007e83 rgb(0,126,131)
```
#00969d
```
#00969d rgb(0,150,157)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#00c8d0
```
#00c8d0 rgb(0,200,208)
```
#00e0e9
```
#00e0e9 rgb(0,224,233)
```
#03f5ff
```
#03f5ff rgb(3,245,255)
```

Monochromatic Color

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

#00b690
```
#00b690 rgb(0,182,144)
```
#00b69f
```
#00b69f rgb(0,182,159)
```
#00b6ae
```
#00b6ae rgb(0,182,174)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#00a0b6
```
#00a0b6 rgb(0,160,182)
```
#0091b6
```
#0091b6 rgb(0,145,182)
```
#0082b6
```
#0082b6 rgb(0,130,182)
```

Similar Colors

Text with hexadecimal color #00afb6

This text has a font color of #00afb6.

<span style="color:#00afb6;">Text here</span>

#00afb6 background color

This paragraph has a background color of #00afb6.

<p style="background-color:#00afb6;">Content here</p>

#00afb6 border color

This element has a border color of #00afb6.

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

CSS codes

.text {color:#00afb6;}

.background {background-color:#00afb6;}

.border {border:1px solid #00afb6;}

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 #f1feff is the lightest one.

#000505
```
#000505 rgb(0,5,5)
```
#001819
```
#001819 rgb(0,24,25)
```
#002b2d
```
#002b2d rgb(0,43,45)
```
#003e40
```
#003e40 rgb(0,62,64)
```
#005154
```
#005154 rgb(0,81,84)
```
#006468
```
#006468 rgb(0,100,104)
```
#00767b
```
#00767b rgb(0,118,123)
```
#00898f
```
#00898f rgb(0,137,143)
```
#009ca2
```
#009ca2 rgb(0,156,162)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```
#00c2ca
```
#00c2ca rgb(0,194,202)
```
#00d5dd
```
#00d5dd rgb(0,213,221)
```
#00e8f1
```
#00e8f1 rgb(0,232,241)
```

Shade Color Variation

#05f5ff
```
#05f5ff rgb(5,245,255)
```
#19f6ff
```
#19f6ff rgb(25,246,255)
```
#2df7ff
```
#2df7ff rgb(45,247,255)
```
#40f8ff
```
#40f8ff rgb(64,248,255)
```
#54f8ff
```
#54f8ff rgb(84,248,255)
```
#68f9ff
```
#68f9ff rgb(104,249,255)
```
#7bfaff
```
#7bfaff rgb(123,250,255)
```
#8ffbff
```
#8ffbff rgb(143,251,255)
```
#a2fbff
```
#a2fbff rgb(162,251,255)
```
#b6fcff
```
#b6fcff rgb(182,252,255)
```
#cafdff
```
#cafdff rgb(202,253,255)
```
#ddfeff
```
#ddfeff rgb(221,254,255)
```
#f1feff
```
#f1feff rgb(241,254,255)
```

Tint Color Variation

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

#546162
```
#546162 rgb(84,97,98)
```
#4d6869
```
#4d6869 rgb(77,104,105)
```
#466e70
```
#466e70 rgb(70,110,112)
```
#3f7577
```
#3f7577 rgb(63,117,119)
```
#387b7e
```
#387b7e rgb(56,123,126)
```
#318285
```
#318285 rgb(49,130,133)
```
#2a888c
```
#2a888c rgb(42,136,140)
```
#238f93
```
#238f93 rgb(35,143,147)
```
#1c959a
```
#1c959a rgb(28,149,154)
```
#159ca1
```
#159ca1 rgb(21,156,161)
```
#0ea2a8
```
#0ea2a8 rgb(14,162,168)
```
#07a9af
```
#07a9af rgb(7,169,175)
```
#00afb6
```
#00afb6 rgb(0,175,182)
```

Tone Color Variation

Below, you can see how #00afb6 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

#7b7b7b Achromatopsia 0.005% of the population
#628587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a1af Protanopia 1% of men
#a19fc1 Deuteranopia 1% of men
#1eb2bf Tritanopia 0.001% of the population

Trichromacy

#66a6b1 Protanomaly 1% of men, 0.01% of women
#67a5bd Deuteranomaly 6% of men, 0.4% of women
#13b1bb Tritanomaly 0.01% of the population

#00afb6 hex color

#00afb6 Color Information

#00afb6 Color Conversion

Color Schemes with #00afb6

Alternatives to #00afb6

#00afb6 Preview

Shades and Tints of #00afb6

Tones of #00afb6

Color Blindness Simulator