#00afcc hex color

In a RGB color space, hex #00afcc is composed of 0% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 188.5 degrees, a saturation of 100% and a lightness of 40%. #00afcc color hex could be obtained by blending #00ffff with #005f99. Closest websafe color is: #0099cc.

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

● #00afcc color description : Strong cyan.

The hexadecimal color #00afcc has RGB values of R:0, G:175, B:204 and CMYK values of C:1, M:0.14, Y:0, K:0.2. Its decimal value is 45004.

Hex triplet	00afcc	`#00afcc`
RGB Decimal	0, 175, 204	`rgb(0,175,204)`
RGB Percent	0, 68.6, 80	`rgb(0%,68.6%,80%)`
CMYK	100, 14, 0, 20
HSL	188.5°, 100, 40	`hsl(188.5,100%,40%)`
HSV (or HSB)	188.5°, 100, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.762, -26.909, -25.246
XYZ	26.226, 35.017, 62.5
xyY	0.212, 0.283, 35.017
CIE-LCH	65.762, 36.898, 223.174
CIE-LUV	65.762, -47.774, -35.792
Hunter-Lab	59.175, -24.446, -21.199
Binary	00000000, 10101111, 11001100

#00afcc
```
#00afcc rgb(0,175,204)
```
#cc1d00
```
#cc1d00 rgb(204,29,0)
```

Complementary Color

#00cc83
```
#00cc83 rgb(0,204,131)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#0049cc
```
#0049cc rgb(0,73,204)
```

Analogous Color

#cc8300
```
#cc8300 rgb(204,131,0)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#cc0049
```
#cc0049 rgb(204,0,73)
```

Split Complementary Color

#afcc00
```
#afcc00 rgb(175,204,0)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#cc00af
```
#cc00af rgb(204,0,175)
```

Triadic Color

#00cc1d
```
#00cc1d rgb(0,204,29)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#cc00af
```
#cc00af rgb(204,0,175)
```
#cc1d00
```
#cc1d00 rgb(204,29,0)
```

Tetradic Color

#006d80
```
#006d80 rgb(0,109,128)
```
#008399
```
#008399 rgb(0,131,153)
```
#0099b3
```
#0099b3 rgb(0,153,179)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#00c5e6
```
#00c5e6 rgb(0,197,230)
```
#00dbff
```
#00dbff rgb(0,219,255)
```
#1adeff
```
#1adeff rgb(26,222,255)
```

Monochromatic Color

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

#00ccb6
```
#00ccb6 rgb(0,204,182)
```
#00ccc7
```
#00ccc7 rgb(0,204,199)
```
#00c0cc
```
#00c0cc rgb(0,192,204)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#009ecc
```
#009ecc rgb(0,158,204)
```
#008dcc
```
#008dcc rgb(0,141,204)
```
#007ccc
```
#007ccc rgb(0,124,204)
```

Similar Colors

Text with hexadecimal color #00afcc

This text has a font color of #00afcc.

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

#00afcc background color

This paragraph has a background color of #00afcc.

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

#00afcc border color

This element has a border color of #00afcc.

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

CSS codes

.text {color:#00afcc;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00181b
```
#00181b rgb(0,24,27)
```
#00282f
```
#00282f rgb(0,40,47)
```
#003943
```
#003943 rgb(0,57,67)
```
#004a56
```
#004a56 rgb(0,74,86)
```
#005b6a
```
#005b6a rgb(0,91,106)
```
#006c7e
```
#006c7e rgb(0,108,126)
```
#007d91
```
#007d91 rgb(0,125,145)
```
#008da5
```
#008da5 rgb(0,141,165)
```
#009eb8
```
#009eb8 rgb(0,158,184)
```
#00afcc
```
#00afcc rgb(0,175,204)
```
#00c0e0
```
#00c0e0 rgb(0,192,224)
```
#00d1f3
```
#00d1f3 rgb(0,209,243)
```

Shade Color Variation

#08dcff
```
#08dcff rgb(8,220,255)
```
#1bdfff
```
#1bdfff rgb(27,223,255)
```
#2fe1ff
```
#2fe1ff rgb(47,225,255)
```
#43e4ff
```
#43e4ff rgb(67,228,255)
```
#56e7ff
```
#56e7ff rgb(86,231,255)
```
#6aeaff
```
#6aeaff rgb(106,234,255)
```
#7eedff
```
#7eedff rgb(126,237,255)
```
#91efff
```
#91efff rgb(145,239,255)
```
#a5f2ff
```
#a5f2ff rgb(165,242,255)
```
#b8f5ff
```
#b8f5ff rgb(184,245,255)
```
#ccf8ff
```
#ccf8ff rgb(204,248,255)
```
#e0fbff
```
#e0fbff rgb(224,251,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#5e6c6e
```
#5e6c6e rgb(94,108,110)
```
#567176
```
#567176 rgb(86,113,118)
```
#4e777e
```
#4e777e rgb(78,119,126)
```
#477c85
```
#477c85 rgb(71,124,133)
```
#3f828d
```
#3f828d rgb(63,130,141)
```
#378895
```
#378895 rgb(55,136,149)
```
#2f8d9d
```
#2f8d9d rgb(47,141,157)
```
#2793a5
```
#2793a5 rgb(39,147,165)
```
#1f99ad
```
#1f99ad rgb(31,153,173)
```
#189eb4
```
#189eb4 rgb(24,158,180)
```
#10a4bc
```
#10a4bc rgb(16,164,188)
```
#08a9c4
```
#08a9c4 rgb(8,169,196)
```
#00afcc
```
#00afcc rgb(0,175,204)
```

Tone Color Variation

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

#9ca3c4 Protanopia 1% of men
#97a2d5 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

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

#00afcc hex color

#00afcc Color Information

#00afcc Color Conversion

Color Schemes with #00afcc

Alternatives to #00afcc

#00afcc Preview

Shades and Tints of #00afcc

Tones of #00afcc

Color Blindness Simulator