#00afb3 hex color

In a RGB color space, hex #00afb3 is composed of 0% red, 68.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 2.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 181.3 degrees, a saturation of 100% and a lightness of 35.1%. #00afb3 color hex could be obtained by blending #00ffff with #005f67. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 70
RGB color chart
- C 100
- M 2
- Y 0
- K 30
CMYK color chart

● #00afb3 color description : Strong cyan.

The hexadecimal color #00afb3 has RGB values of R:0, G:175, B:179 and CMYK values of C:1, M:0.02, Y:0, K:0.3. Its decimal value is 44979.

Hex triplet	00afb3	`#00afb3`
RGB Decimal	0, 175, 179	`rgb(0,175,179)`
RGB Percent	0, 68.6, 70.2	`rgb(0%,68.6%,70.2%)`
CMYK	100, 2, 0, 30
HSL	181.3°, 100, 35.1	`hsl(181.3,100%,35.1%)`
HSV (or HSB)	181.3°, 100, 70.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.893, -35.016, -12.696
XYZ	23.464, 33.912, 47.954
xyY	0.223, 0.322, 33.912
CIE-LCH	64.893, 37.247, 199.93
CIE-LUV	64.893, -49.773, -14.214
Hunter-Lab	58.234, -29.987, -8.06
Binary	00000000, 10101111, 10110011

#00afb3
```
#00afb3 rgb(0,175,179)
```
#b30400
```
#b30400 rgb(179,4,0)
```

Complementary Color

#00b35e
```
#00b35e rgb(0,179,94)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#0056b3
```
#0056b3 rgb(0,86,179)
```

Analogous Color

#b35e00
```
#b35e00 rgb(179,94,0)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#b30056
```
#b30056 rgb(179,0,86)
```

Split Complementary Color

#afb300
```
#afb300 rgb(175,179,0)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#b300af
```
#b300af rgb(179,0,175)
```

Triadic Color

#00b304
```
#00b304 rgb(0,179,4)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#b300af
```
#b300af rgb(179,0,175)
```
#b30400
```
#b30400 rgb(179,4,0)
```

Tetradic Color

#006467
```
#006467 rgb(0,100,103)
```
#007d80
```
#007d80 rgb(0,125,128)
```
#00969a
```
#00969a rgb(0,150,154)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#00c8cd
```
#00c8cd rgb(0,200,205)
```
#00e1e6
```
#00e1e6 rgb(0,225,230)
```
#00f9ff
```
#00f9ff rgb(0,249,255)
```

Monochromatic Color

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

#00b38a
```
#00b38a rgb(0,179,138)
```
#00b399
```
#00b399 rgb(0,179,153)
```
#00b3a8
```
#00b3a8 rgb(0,179,168)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#00a0b3
```
#00a0b3 rgb(0,160,179)
```
#0091b3
```
#0091b3 rgb(0,145,179)
```
#0082b3
```
#0082b3 rgb(0,130,179)
```

Similar Colors

Text with hexadecimal color #00afb3

This text has a font color of #00afb3.

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

#00afb3 background color

This paragraph has a background color of #00afb3.

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

#00afb3 border color

This element has a border color of #00afb3.

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

CSS codes

.text {color:#00afb3;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001616
```
#001616 rgb(0,22,22)
```
#00292a
```
#00292a rgb(0,41,42)
```
#003c3d
```
#003c3d rgb(0,60,61)
```
#004f51
```
#004f51 rgb(0,79,81)
```
#006265
```
#006265 rgb(0,98,101)
```
#007578
```
#007578 rgb(0,117,120)
```
#00898c
```
#00898c rgb(0,137,140)
```
#009c9f
```
#009c9f rgb(0,156,159)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```
#00c2c7
```
#00c2c7 rgb(0,194,199)
```
#00d5da
```
#00d5da rgb(0,213,218)
```
#00e9ee
```
#00e9ee rgb(0,233,238)
```

Shade Color Variation

#02f9ff
```
#02f9ff rgb(2,249,255)
```
#16faff
```
#16faff rgb(22,250,255)
```
#2afaff
```
#2afaff rgb(42,250,255)
```
#3dfbff
```
#3dfbff rgb(61,251,255)
```
#51fbff
```
#51fbff rgb(81,251,255)
```
#65fcff
```
#65fcff rgb(101,252,255)
```
#78fcff
```
#78fcff rgb(120,252,255)
```
#8cfcff
```
#8cfcff rgb(140,252,255)
```
#9ffdff
```
#9ffdff rgb(159,253,255)
```
#b3fdff
```
#b3fdff rgb(179,253,255)
```
#c7feff
```
#c7feff rgb(199,254,255)
```
#dafeff
```
#dafeff rgb(218,254,255)
```
#eeffff
```
#eeffff rgb(238,255,255)
```

Tint Color Variation

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

#536060
```
#536060 rgb(83,96,96)
```
#4c6767
```
#4c6767 rgb(76,103,103)
```
#456d6e
```
#456d6e rgb(69,109,110)
```
#3e7475
```
#3e7475 rgb(62,116,117)
```
#377a7c
```
#377a7c rgb(55,122,124)
```
#308183
```
#308183 rgb(48,129,131)
```
#29888a
```
#29888a rgb(41,136,138)
```
#228e91
```
#228e91 rgb(34,142,145)
```
#1c9597
```
#1c9597 rgb(28,149,151)
```
#159b9e
```
#159b9e rgb(21,155,158)
```
#0ea2a5
```
#0ea2a5 rgb(14,162,165)
```
#07a8ac
```
#07a8ac rgb(7,168,172)
```
#00afb3
```
#00afb3 rgb(0,175,179)
```

Tone Color Variation

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

Dichromacy

#a2a1ac Protanopia 1% of men
#a39fbe Deuteranopia 1% of men
#23b1be Tritanopia 0.001% of the population

Trichromacy

#67a6af Protanomaly 1% of men, 0.01% of women
#67a4ba Deuteranomaly 6% of men, 0.4% of women
#16b0ba Tritanomaly 0.01% of the population

#00afb3 hex color

#00afb3 Color Information

#00afb3 Color Conversion

Color Schemes with #00afb3

Alternatives to #00afb3

#00afb3 Preview

Shades and Tints of #00afb3

Tones of #00afb3

Color Blindness Simulator