#00afc9 hex color

In a RGB color space, hex #00afc9 is composed of 0% red, 68.6% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12.9% magenta, 0% yellow and 21.2% black. It has a hue angle of 187.8 degrees, a saturation of 100% and a lightness of 39.4%. #00afc9 color hex could be obtained by blending #00ffff with #005f93. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 79
RGB color chart
- C 100
- M 13
- Y 0
- K 21
CMYK color chart

● #00afc9 color description : Strong cyan.

The hexadecimal color #00afc9 has RGB values of R:0, G:175, B:201 and CMYK values of C:1, M:0.13, Y:0, K:0.21. Its decimal value is 45001.

Hex triplet	00afc9	`#00afc9`
RGB Decimal	0, 175, 201	`rgb(0,175,201)`
RGB Percent	0, 68.6, 78.8	`rgb(0%,68.6%,78.8%)`
CMYK	100, 13, 0, 21
HSL	187.8°, 100, 39.4	`hsl(187.8,100%,39.4%)`
HSV (or HSB)	187.8°, 100, 78.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.651, -27.911, -23.757
XYZ	25.87, 34.874, 60.623
xyY	0.213, 0.287, 34.874
CIE-LCH	65.651, 36.653, 220.403
CIE-LUV	65.651, -48.011, -33.183
Hunter-Lab	59.055, -25.151, -19.527
Binary	00000000, 10101111, 11001001

#00afc9
```
#00afc9 rgb(0,175,201)
```
#c91a00
```
#c91a00 rgb(201,26,0)
```

Complementary Color

#00c97f
```
#00c97f rgb(0,201,127)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#004bc9
```
#004bc9 rgb(0,75,201)
```

Analogous Color

#c97f00
```
#c97f00 rgb(201,127,0)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#c9004b
```
#c9004b rgb(201,0,75)
```

Split Complementary Color

#afc900
```
#afc900 rgb(175,201,0)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#c900af
```
#c900af rgb(201,0,175)
```

Triadic Color

#00c91a
```
#00c91a rgb(0,201,26)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#c900af
```
#c900af rgb(201,0,175)
```
#c91a00
```
#c91a00 rgb(201,26,0)
```

Tetradic Color

#006c7d
```
#006c7d rgb(0,108,125)
```
#008396
```
#008396 rgb(0,131,150)
```
#0099b0
```
#0099b0 rgb(0,153,176)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#00c5e3
```
#00c5e3 rgb(0,197,227)
```
#00dbfc
```
#00dbfc rgb(0,219,252)
```
#17e1ff
```
#17e1ff rgb(23,225,255)
```

Monochromatic Color

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

#00c9b1
```
#00c9b1 rgb(0,201,177)
```
#00c9c2
```
#00c9c2 rgb(0,201,194)
```
#00c0c9
```
#00c0c9 rgb(0,192,201)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#009ec9
```
#009ec9 rgb(0,158,201)
```
#008ec9
```
#008ec9 rgb(0,142,201)
```
#007dc9
```
#007dc9 rgb(0,125,201)
```

Similar Colors

Text with hexadecimal color #00afc9

This text has a font color of #00afc9.

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

#00afc9 background color

This paragraph has a background color of #00afc9.

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

#00afc9 border color

This element has a border color of #00afc9.

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

CSS codes

.text {color:#00afc9;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001518
```
#001518 rgb(0,21,24)
```
#00262c
```
#00262c rgb(0,38,44)
```
#003740
```
#003740 rgb(0,55,64)
```
#004953
```
#004953 rgb(0,73,83)
```
#005a67
```
#005a67 rgb(0,90,103)
```
#006b7b
```
#006b7b rgb(0,107,123)
```
#007c8e
```
#007c8e rgb(0,124,142)
```
#008da2
```
#008da2 rgb(0,141,162)
```
#009eb5
```
#009eb5 rgb(0,158,181)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```
#00c0dd
```
#00c0dd rgb(0,192,221)
```
#00d1f0
```
#00d1f0 rgb(0,209,240)
```

Shade Color Variation

#05dfff
```
#05dfff rgb(5,223,255)
```
#18e1ff
```
#18e1ff rgb(24,225,255)
```
#2ce4ff
```
#2ce4ff rgb(44,228,255)
```
#40e6ff
```
#40e6ff rgb(64,230,255)
```
#53e9ff
```
#53e9ff rgb(83,233,255)
```
#67ebff
```
#67ebff rgb(103,235,255)
```
#7beeff
```
#7beeff rgb(123,238,255)
```
#8ef0ff
```
#8ef0ff rgb(142,240,255)
```
#a2f3ff
```
#a2f3ff rgb(162,243,255)
```
#b5f5ff
```
#b5f5ff rgb(181,245,255)
```
#c9f8ff
```
#c9f8ff rgb(201,248,255)
```
#ddfbff
```
#ddfbff rgb(221,251,255)
```
#f0fdff
```
#f0fdff rgb(240,253,255)
```

Tint Color Variation

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

#5d6a6c
```
#5d6a6c rgb(93,106,108)
```
#557074
```
#557074 rgb(85,112,116)
```
#4d767c
```
#4d767c rgb(77,118,124)
```
#467b83
```
#467b83 rgb(70,123,131)
```
#3e818b
```
#3e818b rgb(62,129,139)
```
#368793
```
#368793 rgb(54,135,147)
```
#2e8d9b
```
#2e8d9b rgb(46,141,155)
```
#2792a2
```
#2792a2 rgb(39,146,162)
```
#1f98aa
```
#1f98aa rgb(31,152,170)
```
#179eb2
```
#179eb2 rgb(23,158,178)
```
#0fa4ba
```
#0fa4ba rgb(15,164,186)
```
#08a9c1
```
#08a9c1 rgb(8,169,193)
```
#00afc9
```
#00afc9 rgb(0,175,201)
```

Tone Color Variation

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

Dichromacy

#9da3c1 Protanopia 1% of men
#99a1d2 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#64a7c4 Protanomaly 1% of men, 0.01% of women
#61a6cf Deuteranomaly 6% of men, 0.4% of women
#00b2c4 Tritanomaly 0.01% of the population

#00afc9 hex color

#00afc9 Color Information

#00afc9 Color Conversion

Color Schemes with #00afc9

Alternatives to #00afc9

#00afc9 Preview

Shades and Tints of #00afc9

Tones of #00afc9

Color Blindness Simulator