#00afb5 hex color

In a RGB color space, hex #00afb5 is composed of 0% red, 68.6% green and 71% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 3.3% magenta, 0% yellow and 29% black. It has a hue angle of 182 degrees, a saturation of 100% and a lightness of 35.5%. #00afb5 color hex could be obtained by blending #00ffff with #005f6b. Closest websafe color is: #0099cc.

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

● #00afb5 color description : Strong cyan.

The hexadecimal color #00afb5 has RGB values of R:0, G:175, B:181 and CMYK values of C:1, M:0.03, Y:0, K:0.29. Its decimal value is 44981.

Hex triplet	00afb5	`#00afb5`
RGB Decimal	0, 175, 181	`rgb(0,175,181)`
RGB Percent	0, 68.6, 71	`rgb(0%,68.6%,71%)`
CMYK	100, 3, 0, 29
HSL	182°, 100, 35.5	`hsl(182,100%,35.5%)`
HSV (or HSB)	182°, 100, 71
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.958, -34.39, -13.711
XYZ	23.668, 33.994, 49.028
xyY	0.222, 0.319, 33.994
CIE-LCH	64.958, 37.023, 201.737
CIE-LUV	64.958, -49.612, -15.921
Hunter-Lab	58.304, -29.572, -9.044
Binary	00000000, 10101111, 10110101

#00afb5
```
#00afb5 rgb(0,175,181)
```
#b50600
```
#b50600 rgb(181,6,0)
```

Complementary Color

#00b560
```
#00b560 rgb(0,181,96)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#0055b5
```
#0055b5 rgb(0,85,181)
```

Analogous Color

#b56000
```
#b56000 rgb(181,96,0)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#b50055
```
#b50055 rgb(181,0,85)
```

Split Complementary Color

#afb500
```
#afb500 rgb(175,181,0)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#b500af
```
#b500af rgb(181,0,175)
```

Triadic Color

#00b506
```
#00b506 rgb(0,181,6)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#b500af
```
#b500af rgb(181,0,175)
```
#b50600
```
#b50600 rgb(181,6,0)
```

Tetradic Color

#006569
```
#006569 rgb(0,101,105)
```
#007e82
```
#007e82 rgb(0,126,130)
```
#00969c
```
#00969c rgb(0,150,156)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#00c8cf
```
#00c8cf rgb(0,200,207)
```
#00e0e8
```
#00e0e8 rgb(0,224,232)
```
#02f7ff
```
#02f7ff rgb(2,247,255)
```

Monochromatic Color

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

#00b58e
```
#00b58e rgb(0,181,142)
```
#00b59d
```
#00b59d rgb(0,181,157)
```
#00b5ac
```
#00b5ac rgb(0,181,172)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#00a0b5
```
#00a0b5 rgb(0,160,181)
```
#0091b5
```
#0091b5 rgb(0,145,181)
```
#0082b5
```
#0082b5 rgb(0,130,181)
```

Similar Colors

Text with hexadecimal color #00afb5

This text has a font color of #00afb5.

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

#00afb5 background color

This paragraph has a background color of #00afb5.

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

#00afb5 border color

This element has a border color of #00afb5.

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

CSS codes

.text {color:#00afb5;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001718
```
#001718 rgb(0,23,24)
```
#002a2c
```
#002a2c rgb(0,42,44)
```
#003d3f
```
#003d3f rgb(0,61,63)
```
#005053
```
#005053 rgb(0,80,83)
```
#006367
```
#006367 rgb(0,99,103)
```
#00767a
```
#00767a rgb(0,118,122)
```
#00898e
```
#00898e rgb(0,137,142)
```
#009ca1
```
#009ca1 rgb(0,156,161)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```
#00c2c9
```
#00c2c9 rgb(0,194,201)
```
#00d5dc
```
#00d5dc rgb(0,213,220)
```
#00e8f0
```
#00e8f0 rgb(0,232,240)
```

Shade Color Variation

#04f7ff
```
#04f7ff rgb(4,247,255)
```
#18f7ff
```
#18f7ff rgb(24,247,255)
```
#2cf8ff
```
#2cf8ff rgb(44,248,255)
```
#3ff9ff
```
#3ff9ff rgb(63,249,255)
```
#53f9ff
```
#53f9ff rgb(83,249,255)
```
#67faff
```
#67faff rgb(103,250,255)
```
#7afbff
```
#7afbff rgb(122,251,255)
```
#8efbff
```
#8efbff rgb(142,251,255)
```
#a1fcff
```
#a1fcff rgb(161,252,255)
```
#b5fdff
```
#b5fdff rgb(181,253,255)
```
#c9fdff
```
#c9fdff rgb(201,253,255)
```
#dcfeff
```
#dcfeff rgb(220,254,255)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#546161
```
#546161 rgb(84,97,97)
```
#4d6868
```
#4d6868 rgb(77,104,104)
```
#466e6f
```
#466e6f rgb(70,110,111)
```
#3f7576
```
#3f7576 rgb(63,117,118)
```
#387b7d
```
#387b7d rgb(56,123,125)
```
#318284
```
#318284 rgb(49,130,132)
```
#2a888b
```
#2a888b rgb(42,136,139)
```
#238f92
```
#238f92 rgb(35,143,146)
```
#1c9599
```
#1c9599 rgb(28,149,153)
```
#159ca0
```
#159ca0 rgb(21,156,160)
```
#0ea2a7
```
#0ea2a7 rgb(14,162,167)
```
#07a9ae
```
#07a9ae rgb(7,169,174)
```
#00afb5
```
#00afb5 rgb(0,175,181)
```

Tone Color Variation

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

#a1a1ae Protanopia 1% of men
#a29fc0 Deuteranopia 1% of men
#1fb2bf Tritanopia 0.001% of the population

Trichromacy

#66a6b0 Protanomaly 1% of men, 0.01% of women
#67a5bc Deuteranomaly 6% of men, 0.4% of women
#14b0bb Tritanomaly 0.01% of the population

#00afb5 hex color

#00afb5 Color Information

#00afb5 Color Conversion

Color Schemes with #00afb5

Alternatives to #00afb5

#00afb5 Preview

Shades and Tints of #00afb5

Tones of #00afb5

Color Blindness Simulator