colorhexa.com

#00afbb hex color

In a RGB color space, hex #00afbb is composed of 0% red, 68.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 6.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 183.9 degrees, a saturation of 100% and a lightness of 36.7%. #00afbb color hex could be obtained by blending #00ffff with #005f77. Closest websafe color is: #0099cc.

- R 0
- G 69
- B 73
RGB color chart
- C 100
- M 6
- Y 0
- K 27
CMYK color chart

● #00afbb color description : Strong cyan.

The hexadecimal color #00afbb has RGB values of R:0, G:175, B:187 and CMYK values of C:1, M:0.06, Y:0, K:0.27. Its decimal value is 44987.

Hex triplet	00afbb	`#00afbb`
RGB Decimal	0, 175, 187	`rgb(0,175,187)`
RGB Percent	0, 68.6, 73.3	`rgb(0%,68.6%,73.3%)`
CMYK	100, 6, 0, 27
HSL	183.9°, 100, 36.7	`hsl(183.9,100%,36.7%)`
HSV (or HSB)	183.9°, 100, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.157, -32.486, -16.746
XYZ	24.297, 34.245, 52.34
xyY	0.219, 0.309, 34.245
CIE-LCH	65.157, 36.548, 207.27
CIE-LUV	65.157, -49.129, -21.066
Hunter-Lab	58.519, -28.297, -12.066
Binary	00000000, 10101111, 10111011

#00afbb
```
#00afbb rgb(0,175,187)
```
#bb0c00
```
#bb0c00 rgb(187,12,0)
```

Complementary Color

#00bb6a
```
#00bb6a rgb(0,187,106)
```
#00afbb
```
#00afbb rgb(0,175,187)
```
#0052bb
```
#0052bb rgb(0,82,187)
```

Analogous Color

#bb6a00
```
#bb6a00 rgb(187,106,0)
```
#00afbb
```
#00afbb rgb(0,175,187)
```
#bb0052
```
#bb0052 rgb(187,0,82)
```

Split Complementary Color

#afbb00
```
#afbb00 rgb(175,187,0)
```
#00afbb
```
#00afbb rgb(0,175,187)
```
#bb00af
```
#bb00af rgb(187,0,175)
```

Triadic Color

#00676f
```
#00676f rgb(0,103,111)
```
#007f88
```
#007f88 rgb(0,127,136)
```
#0097a2
```
#0097a2 rgb(0,151,162)
```
#00afbb
```
#00afbb rgb(0,175,187)
```
#00c7d5
```
#00c7d5 rgb(0,199,213)
```
#00dfee
```
#00dfee rgb(0,223,238)
```
#08efff
```
#08efff rgb(8,239,255)
```

Monochromatic Color

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

#00bb98
```
#00bb98 rgb(0,187,152)
```
#00bba8
```
#00bba8 rgb(0,187,168)
```
#00bbb7
```
#00bbb7 rgb(0,187,183)
```
#00afbb
```
#00afbb rgb(0,175,187)
```
#009fbb
```
#009fbb rgb(0,159,187)
```
#0090bb
```
#0090bb rgb(0,144,187)
```
#0080bb
```
#0080bb rgb(0,128,187)
```

Similar Colors

Text with hexadecimal color #00afbb

This text has a font color of #00afbb.

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

#00afbb background color

This paragraph has a background color of #00afbb.

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

#00afbb border color

This element has a border color of #00afbb.

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

CSS codes

.text {color:#00afbb;}

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

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

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

#000a0a
```
#000a0a rgb(0,10,10)
```
#001c1e
```
#001c1e rgb(0,28,30)
```
#002f32
```
#002f32 rgb(0,47,50)
```
#004145
```
#004145 rgb(0,65,69)
```
#005359
```
#005359 rgb(0,83,89)
```
#00666d
```
#00666d rgb(0,102,109)
```
#007880
```
#007880 rgb(0,120,128)
```
#008a94
```
#008a94 rgb(0,138,148)
```
#009da7
```
#009da7 rgb(0,157,167)
```
#00afbb
```
#00afbb rgb(0,175,187)
```
#00c1cf
```
#00c1cf rgb(0,193,207)
```
#00d4e2
```
#00d4e2 rgb(0,212,226)
```
#00e6f6
```
#00e6f6 rgb(0,230,246)
```

Shade Color Variation

#0aefff
```
#0aefff rgb(10,239,255)
```
#1ef1ff
```
#1ef1ff rgb(30,241,255)
```
#32f2ff
```
#32f2ff rgb(50,242,255)
```
#45f3ff
```
#45f3ff rgb(69,243,255)
```
#59f4ff
```
#59f4ff rgb(89,244,255)
```
#6df6ff
```
#6df6ff rgb(109,246,255)
```
#80f7ff
```
#80f7ff rgb(128,247,255)
```
#94f8ff
```
#94f8ff rgb(148,248,255)
```
#a7f9ff
```
#a7f9ff rgb(167,249,255)
```
#bbfbff
```
#bbfbff rgb(187,251,255)
```
#cffcff
```
#cffcff rgb(207,252,255)
```
#e2fdff
```
#e2fdff rgb(226,253,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#566465
```
#566465 rgb(86,100,101)
```
#4f6a6c
```
#4f6a6c rgb(79,106,108)
```
#487073
```
#487073 rgb(72,112,115)
```
#41777a
```
#41777a rgb(65,119,122)
```
#3a7d81
```
#3a7d81 rgb(58,125,129)
```
#328389
```
#328389 rgb(50,131,137)
```
#2b8990
```
#2b8990 rgb(43,137,144)
```
#249097
```
#249097 rgb(36,144,151)
```
#1d969e
```
#1d969e rgb(29,150,158)
```
#169ca5
```
#169ca5 rgb(22,156,165)
```
#0ea2ad
```
#0ea2ad rgb(14,162,173)
```
#07a9b4
```
#07a9b4 rgb(7,169,180)
```
#00afbb
```
#00afbb rgb(0,175,187)
```

Tone Color Variation

Below, you can see how #00afbb 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
#638689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b4 Protanopia 1% of men
#9fa0c5 Deuteranopia 1% of men
#11b2c0 Tritanopia 0.001% of the population

Trichromacy

#66a6b6 Protanomaly 1% of men, 0.01% of women
#65a5c1 Deuteranomaly 6% of men, 0.4% of women
#0bb1be Tritanomaly 0.01% of the population