#00afcd hex color

In a RGB color space, hex #00afcd is composed of 0% red, 68.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 14.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 188.8 degrees, a saturation of 100% and a lightness of 40.2%. #00afcd color hex could be obtained by blending #00ffff with #005f9b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 80
RGB color chart
- C 100
- M 15
- Y 0
- K 20
CMYK color chart

● #00afcd color description : Strong cyan.

The hexadecimal color #00afcd has RGB values of R:0, G:175, B:205 and CMYK values of C:1, M:0.15, Y:0, K:0.2. Its decimal value is 45005.

Hex triplet	00afcd	`#00afcd`
RGB Decimal	0, 175, 205	`rgb(0,175,205)`
RGB Percent	0, 68.6, 80.4	`rgb(0%,68.6%,80.4%)`
CMYK	100, 15, 0, 20
HSL	188.8°, 100, 40.2	`hsl(188.8,100%,40.2%)`
HSV (or HSB)	188.8°, 100, 80.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.799, -26.573, -25.742
XYZ	26.346, 35.065, 63.134
xyY	0.212, 0.282, 35.065
CIE-LCH	65.799, 36.997, 224.089
CIE-LUV	65.799, -47.695, -36.663
Hunter-Lab	59.216, -24.209, -21.762
Binary	00000000, 10101111, 11001101

#00afcd
```
#00afcd rgb(0,175,205)
```
#cd1e00
```
#cd1e00 rgb(205,30,0)
```

Complementary Color

#00cd85
```
#00cd85 rgb(0,205,133)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#0049cd
```
#0049cd rgb(0,73,205)
```

Analogous Color

#cd8500
```
#cd8500 rgb(205,133,0)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#cd0049
```
#cd0049 rgb(205,0,73)
```

Split Complementary Color

#afcd00
```
#afcd00 rgb(175,205,0)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#cd00af
```
#cd00af rgb(205,0,175)
```

Triadic Color

#00cd1e
```
#00cd1e rgb(0,205,30)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#cd00af
```
#cd00af rgb(205,0,175)
```
#cd1e00
```
#cd1e00 rgb(205,30,0)
```

Tetradic Color

#006e81
```
#006e81 rgb(0,110,129)
```
#00839a
```
#00839a rgb(0,131,154)
```
#0099b4
```
#0099b4 rgb(0,153,180)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#00c5e7
```
#00c5e7 rgb(0,197,231)
```
#01daff
```
#01daff rgb(1,218,255)
```
#1bdeff
```
#1bdeff rgb(27,222,255)
```

Monochromatic Color

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

#00cdb8
```
#00cdb8 rgb(0,205,184)
```
#00cdc9
```
#00cdc9 rgb(0,205,201)
```
#00c0cd
```
#00c0cd rgb(0,192,205)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#009ecd
```
#009ecd rgb(0,158,205)
```
#008dcd
```
#008dcd rgb(0,141,205)
```
#007ccd
```
#007ccd rgb(0,124,205)
```

Similar Colors

Text with hexadecimal color #00afcd

This text has a font color of #00afcd.

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

#00afcd background color

This paragraph has a background color of #00afcd.

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

#00afcd border color

This element has a border color of #00afcd.

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

CSS codes

.text {color:#00afcd;}

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

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

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

#000809
```
#000809 rgb(0,8,9)
```
#00181c
```
#00181c rgb(0,24,28)
```
#002930
```
#002930 rgb(0,41,48)
```
#003a44
```
#003a44 rgb(0,58,68)
```
#004b57
```
#004b57 rgb(0,75,87)
```
#005b6b
```
#005b6b rgb(0,91,107)
```
#006c7f
```
#006c7f rgb(0,108,127)
```
#007d92
```
#007d92 rgb(0,125,146)
```
#008ea6
```
#008ea6 rgb(0,142,166)
```
#009eb9
```
#009eb9 rgb(0,158,185)
```
#00afcd
```
#00afcd rgb(0,175,205)
```
#00c0e1
```
#00c0e1 rgb(0,192,225)
```
#00d0f4
```
#00d0f4 rgb(0,208,244)
```

Shade Color Variation

#09dbff
```
#09dbff rgb(9,219,255)
```
#1cdeff
```
#1cdeff rgb(28,222,255)
```
#30e1ff
```
#30e1ff rgb(48,225,255)
```
#44e4ff
```
#44e4ff rgb(68,228,255)
```
#57e6ff
```
#57e6ff rgb(87,230,255)
```
#6be9ff
```
#6be9ff rgb(107,233,255)
```
#7fecff
```
#7fecff rgb(127,236,255)
```
#92efff
```
#92efff rgb(146,239,255)
```
#a6f2ff
```
#a6f2ff rgb(166,242,255)
```
#b9f5ff
```
#b9f5ff rgb(185,245,255)
```
#cdf8ff
```
#cdf8ff rgb(205,248,255)
```
#e1fbff
```
#e1fbff rgb(225,251,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#5f6c6e
```
#5f6c6e rgb(95,108,110)
```
#577276
```
#577276 rgb(87,114,118)
```
#4f777e
```
#4f777e rgb(79,119,126)
```
#477d86
```
#477d86 rgb(71,125,134)
```
#3f828e
```
#3f828e rgb(63,130,142)
```
#378896
```
#378896 rgb(55,136,150)
```
#2f8e9e
```
#2f8e9e rgb(47,142,158)
```
#2793a6
```
#2793a6 rgb(39,147,166)
```
#2099ad
```
#2099ad rgb(32,153,173)
```
#189eb5
```
#189eb5 rgb(24,158,181)
```
#10a4bd
```
#10a4bd rgb(16,164,189)
```
#08a9c5
```
#08a9c5 rgb(8,169,197)
```
#00afcd
```
#00afcd rgb(0,175,205)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#65888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c5 Protanopia 1% of men
#97a2d6 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#63a7c8 Protanomaly 1% of men, 0.01% of women
#60a7d2 Deuteranomaly 6% of men, 0.4% of women
#00b2c5 Tritanomaly 0.01% of the population

#00afcd hex color

#00afcd Color Information

#00afcd Color Conversion

Color Schemes with #00afcd

Alternatives to #00afcd

#00afcd Preview

Shades and Tints of #00afcd

Tones of #00afcd

Color Blindness Simulator