#00afb8 hex color

In a RGB color space, hex #00afb8 is composed of 0% red, 68.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 4.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 182.9 degrees, a saturation of 100% and a lightness of 36.1%. #00afb8 color hex could be obtained by blending #00ffff with #005f71. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 72
RGB color chart
- C 100
- M 5
- Y 0
- K 28
CMYK color chart

● #00afb8 color description : Strong cyan.

The hexadecimal color #00afb8 has RGB values of R:0, G:175, B:184 and CMYK values of C:1, M:0.05, Y:0, K:0.28. Its decimal value is 44984.

Hex triplet	00afb8	`#00afb8`
RGB Decimal	0, 175, 184	`rgb(0,175,184)`
RGB Percent	0, 68.6, 72.2	`rgb(0%,68.6%,72.2%)`
CMYK	100, 5, 0, 28
HSL	182.9°, 100, 36.1	`hsl(182.9,100%,36.1%)`
HSV (or HSB)	182.9°, 100, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.056, -33.443, -15.231
XYZ	23.979, 34.118, 50.666
xyY	0.22, 0.314, 34.118
CIE-LCH	65.056, 36.748, 204.486
CIE-LUV	65.056, -49.37, -18.489
Hunter-Lab	58.411, -28.94, -10.542
Binary	00000000, 10101111, 10111000

#00afb8
```
#00afb8 rgb(0,175,184)
```
#b80900
```
#b80900 rgb(184,9,0)
```

Complementary Color

#00b865
```
#00b865 rgb(0,184,101)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#0053b8
```
#0053b8 rgb(0,83,184)
```

Analogous Color

#b86500
```
#b86500 rgb(184,101,0)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#b80053
```
#b80053 rgb(184,0,83)
```

Split Complementary Color

#afb800
```
#afb800 rgb(175,184,0)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#b800af
```
#b800af rgb(184,0,175)
```

Triadic Color

#00b809
```
#00b809 rgb(0,184,9)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#b800af
```
#b800af rgb(184,0,175)
```
#b80900
```
#b80900 rgb(184,9,0)
```

Tetradic Color

#00666c
```
#00666c rgb(0,102,108)
```
#007e85
```
#007e85 rgb(0,126,133)
```
#00979f
```
#00979f rgb(0,151,159)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#00c7d2
```
#00c7d2 rgb(0,199,210)
```
#00e0eb
```
#00e0eb rgb(0,224,235)
```
#05f3ff
```
#05f3ff rgb(5,243,255)
```

Monochromatic Color

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

#00b893
```
#00b893 rgb(0,184,147)
```
#00b8a2
```
#00b8a2 rgb(0,184,162)
```
#00b8b2
```
#00b8b2 rgb(0,184,178)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#00a0b8
```
#00a0b8 rgb(0,160,184)
```
#0090b8
```
#0090b8 rgb(0,144,184)
```
#0081b8
```
#0081b8 rgb(0,129,184)
```

Similar Colors

Text with hexadecimal color #00afb8

This text has a font color of #00afb8.

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

#00afb8 background color

This paragraph has a background color of #00afb8.

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

#00afb8 border color

This element has a border color of #00afb8.

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

CSS codes

.text {color:#00afb8;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#001a1b
```
#001a1b rgb(0,26,27)
```
#002c2f
```
#002c2f rgb(0,44,47)
```
#003f42
```
#003f42 rgb(0,63,66)
```
#005256
```
#005256 rgb(0,82,86)
```
#00646a
```
#00646a rgb(0,100,106)
```
#00777d
```
#00777d rgb(0,119,125)
```
#008a91
```
#008a91 rgb(0,138,145)
```
#009ca4
```
#009ca4 rgb(0,156,164)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```
#00c2cc
```
#00c2cc rgb(0,194,204)
```
#00d4df
```
#00d4df rgb(0,212,223)
```
#00e7f3
```
#00e7f3 rgb(0,231,243)
```

Shade Color Variation

#07f3ff
```
#07f3ff rgb(7,243,255)
```
#1bf4ff
```
#1bf4ff rgb(27,244,255)
```
#2ff5ff
```
#2ff5ff rgb(47,245,255)
```
#42f6ff
```
#42f6ff rgb(66,246,255)
```
#56f7ff
```
#56f7ff rgb(86,247,255)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#7df9ff
```
#7df9ff rgb(125,249,255)
```
#91faff
```
#91faff rgb(145,250,255)
```
#a4fbff
```
#a4fbff rgb(164,251,255)
```
#b8fcff
```
#b8fcff rgb(184,252,255)
```
#ccfcff
```
#ccfcff rgb(204,252,255)
```
#dffdff
```
#dffdff rgb(223,253,255)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#556263
```
#556263 rgb(85,98,99)
```
#4e696a
```
#4e696a rgb(78,105,106)
```
#476f71
```
#476f71 rgb(71,111,113)
```
#407678
```
#407678 rgb(64,118,120)
```
#397c7f
```
#397c7f rgb(57,124,127)
```
#328286
```
#328286 rgb(50,130,134)
```
#2a898e
```
#2a898e rgb(42,137,142)
```
#238f95
```
#238f95 rgb(35,143,149)
```
#1c959c
```
#1c959c rgb(28,149,156)
```
#159ca3
```
#159ca3 rgb(21,156,163)
```
#0ea2aa
```
#0ea2aa rgb(14,162,170)
```
#07a9b1
```
#07a9b1 rgb(7,169,177)
```
#00afb8
```
#00afb8 rgb(0,175,184)
```

Tone Color Variation

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

Dichromacy

#a1a1b1 Protanopia 1% of men
#a19fc3 Deuteranopia 1% of men
#1ab2bf Tritanopia 0.001% of the population

Trichromacy

#66a6b3 Protanomaly 1% of men, 0.01% of women
#66a5bf Deuteranomaly 6% of men, 0.4% of women
#10b1bc Tritanomaly 0.01% of the population

#00afb8 hex color

#00afb8 Color Information

#00afb8 Color Conversion

Color Schemes with #00afb8

Alternatives to #00afb8

#00afb8 Preview

Shades and Tints of #00afb8

Tones of #00afb8

Color Blindness Simulator