colorhexa.com

#00afd8 hex color

In a RGB color space, hex #00afd8 is composed of 0% red, 68.6% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 19% magenta, 0% yellow and 15.3% black. It has a hue angle of 191.4 degrees, a saturation of 100% and a lightness of 42.4%. #00afd8 color hex could be obtained by blending #00ffff with #005fb1. Closest websafe color is: #0099cc.

- R 0
- G 69
- B 85
RGB color chart
- C 100
- M 19
- Y 0
- K 15
CMYK color chart

● #00afd8 color description : Strong cyan.

The hexadecimal color #00afd8 has RGB values of R:0, G:175, B:216 and CMYK values of C:1, M:0.19, Y:0, K:0.15. Its decimal value is 45016.

Hex triplet	00afd8	`#00afd8`
RGB Decimal	0, 175, 216	`rgb(0,175,216)`
RGB Percent	0, 68.6, 84.7	`rgb(0%,68.6%,84.7%)`
CMYK	100, 19, 0, 15
HSL	191.4°, 100, 42.4	`hsl(191.4,100%,42.4%)`
HSV (or HSB)	191.4°, 100, 84.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.225, -22.832, -31.155
XYZ	27.721, 35.615, 70.375
xyY	0.207, 0.266, 35.615
CIE-LCH	66.225, 38.626, 233.764
CIE-LUV	66.225, -46.839, -46.241
Hunter-Lab	59.678, -21.522, -28.143
Binary	00000000, 10101111, 11011000

#00afd8
```
#00afd8 rgb(0,175,216)
```
#d82900
```
#d82900 rgb(216,41,0)
```

Complementary Color

#00d895
```
#00d895 rgb(0,216,149)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```
#0043d8
```
#0043d8 rgb(0,67,216)
```

Analogous Color

#d89500
```
#d89500 rgb(216,149,0)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```
#d80043
```
#d80043 rgb(216,0,67)
```

Split Complementary Color

#afd800
```
#afd800 rgb(175,216,0)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```
#d800af
```
#d800af rgb(216,0,175)
```

Triadic Color

#00718c
```
#00718c rgb(0,113,140)
```
#0086a5
```
#0086a5 rgb(0,134,165)
```
#009abf
```
#009abf rgb(0,154,191)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```
#00c4f2
```
#00c4f2 rgb(0,196,242)
```
#0cd1ff
```
#0cd1ff rgb(12,209,255)
```
#26d6ff
```
#26d6ff rgb(38,214,255)
```

Monochromatic Color

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

#00d8cb
```
#00d8cb rgb(0,216,203)
```
#00d3d8
```
#00d3d8 rgb(0,211,216)
```
#00c1d8
```
#00c1d8 rgb(0,193,216)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```
#009dd8
```
#009dd8 rgb(0,157,216)
```
#008bd8
```
#008bd8 rgb(0,139,216)
```
#0079d8
```
#0079d8 rgb(0,121,216)
```

Similar Colors

Text with hexadecimal color #00afd8

This text has a font color of #00afd8.

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

#00afd8 background color

This paragraph has a background color of #00afd8.

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

#00afd8 border color

This element has a border color of #00afd8.

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

CSS codes

.text {color:#00afd8;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001014
```
#001014 rgb(0,16,20)
```
#002027
```
#002027 rgb(0,32,39)
```
#00303b
```
#00303b rgb(0,48,59)
```
#00404f
```
#00404f rgb(0,64,79)
```
#005062
```
#005062 rgb(0,80,98)
```
#006076
```
#006076 rgb(0,96,118)
```
#006f8a
```
#006f8a rgb(0,111,138)
```
#007f9d
```
#007f9d rgb(0,127,157)
```
#008fb1
```
#008fb1 rgb(0,143,177)
```
#009fc4
```
#009fc4 rgb(0,159,196)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```
#00bfec
```
#00bfec rgb(0,191,236)
```

Shade Color Variation

#00cfff
```
#00cfff rgb(0,207,255)
```
#14d2ff
```
#14d2ff rgb(20,210,255)
```
#27d6ff
```
#27d6ff rgb(39,214,255)
```
#3bdaff
```
#3bdaff rgb(59,218,255)
```
#4fdeff
```
#4fdeff rgb(79,222,255)
```
#62e1ff
```
#62e1ff rgb(98,225,255)
```
#76e5ff
```
#76e5ff rgb(118,229,255)
```
#8ae9ff
```
#8ae9ff rgb(138,233,255)
```
#9decff
```
#9decff rgb(157,236,255)
```
#b1f0ff
```
#b1f0ff rgb(177,240,255)
```
#c4f4ff
```
#c4f4ff rgb(196,244,255)
```
#d8f8ff
```
#d8f8ff rgb(216,248,255)
```
#ecfbff
```
#ecfbff rgb(236,251,255)
```

Tint Color Variation

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

#647174
```
#647174 rgb(100,113,116)
```
#5b767d
```
#5b767d rgb(91,118,125)
```
#537b85
```
#537b85 rgb(83,123,133)
```
#4b818d
```
#4b818d rgb(75,129,141)
```
#428696
```
#428696 rgb(66,134,150)
```
#3a8b9e
```
#3a8b9e rgb(58,139,158)
```
#3290a6
```
#3290a6 rgb(50,144,166)
```
#2a95ae
```
#2a95ae rgb(42,149,174)
```
#219ab7
```
#219ab7 rgb(33,154,183)
```
#19a0bf
```
#19a0bf rgb(25,160,191)
```
#11a5c7
```
#11a5c7 rgb(17,165,199)
```
#08aad0
```
#08aad0 rgb(8,170,208)
```
#00afd8
```
#00afd8 rgb(0,175,216)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a4d0 Protanopia 1% of men
#90a4e0 Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#61a8d2 Protanomaly 1% of men, 0.01% of women
#5ca8dd Deuteranomaly 6% of men, 0.4% of women
#00b3ca Tritanomaly 0.01% of the population