colorhexa.com

#00afd3 hex color

In a RGB color space, hex #00afd3 is composed of 0% red, 68.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 17.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 190.2 degrees, a saturation of 100% and a lightness of 41.4%. #00afd3 color hex could be obtained by blending #00ffff with #005fa7. Closest websafe color is: #0099cc.

- R 0
- G 69
- B 83
RGB color chart
- C 100
- M 17
- Y 0
- K 17
CMYK color chart

● #00afd3 color description : Strong cyan.

The hexadecimal color #00afd3 has RGB values of R:0, G:175, B:211 and CMYK values of C:1, M:0.17, Y:0, K:0.17. Its decimal value is 45011.

Hex triplet	00afd3	`#00afd3`
RGB Decimal	0, 175, 211	`rgb(0,175,211)`
RGB Percent	0, 68.6, 82.7	`rgb(0%,68.6%,82.7%)`
CMYK	100, 17, 0, 17
HSL	190.2°, 100, 41.4	`hsl(190.2,100%,41.4%)`
HSV (or HSB)	190.2°, 100, 82.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.028, -24.543, -28.703
XYZ	27.085, 35.36, 67.022
xyY	0.209, 0.273, 35.36
CIE-LCH	66.028, 37.765, 229.467
CIE-LUV	66.028, -47.226, -41.887
Hunter-Lab	59.465, -22.761, -25.2
Binary	00000000, 10101111, 11010011

#00afd3
```
#00afd3 rgb(0,175,211)
```
#d32400
```
#d32400 rgb(211,36,0)
```

Complementary Color

#00d38e
```
#00d38e rgb(0,211,142)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#0046d3
```
#0046d3 rgb(0,70,211)
```

Analogous Color

#d38e00
```
#d38e00 rgb(211,142,0)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#d30046
```
#d30046 rgb(211,0,70)
```

Split Complementary Color

#afd300
```
#afd300 rgb(175,211,0)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#d300af
```
#d300af rgb(211,0,175)
```

Triadic Color

#007087
```
#007087 rgb(0,112,135)
```
#0085a0
```
#0085a0 rgb(0,133,160)
```
#009aba
```
#009aba rgb(0,154,186)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#00c4ed
```
#00c4ed rgb(0,196,237)
```
#07d5ff
```
#07d5ff rgb(7,213,255)
```
#21d9ff
```
#21d9ff rgb(33,217,255)
```

Monochromatic Color

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

#00d3c2
```
#00d3c2 rgb(0,211,194)
```
#00d2d3
```
#00d2d3 rgb(0,210,211)
```
#00c1d3
```
#00c1d3 rgb(0,193,211)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#009dd3
```
#009dd3 rgb(0,157,211)
```
#008cd3
```
#008cd3 rgb(0,140,211)
```
#007ad3
```
#007ad3 rgb(0,122,211)
```

Similar Colors

Text with hexadecimal color #00afd3

This text has a font color of #00afd3.

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

#00afd3 background color

This paragraph has a background color of #00afd3.

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

#00afd3 border color

This element has a border color of #00afd3.

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

CSS codes

.text {color:#00afd3;}

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

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

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, #000c0f is the darkest color, while #fafeff is the lightest one.

#000c0f
```
#000c0f rgb(0,12,15)
```
#001d22
```
#001d22 rgb(0,29,34)
```
#002d36
```
#002d36 rgb(0,45,54)
```
#003d4a
```
#003d4a rgb(0,61,74)
```
#004d5d
```
#004d5d rgb(0,77,93)
```
#005e71
```
#005e71 rgb(0,94,113)
```
#006e85
```
#006e85 rgb(0,110,133)
```
#007e98
```
#007e98 rgb(0,126,152)
```
#008eac
```
#008eac rgb(0,142,172)
```
#009fbf
```
#009fbf rgb(0,159,191)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```
#00bfe7
```
#00bfe7 rgb(0,191,231)
```
#00d0fa
```
#00d0fa rgb(0,208,250)
```

Shade Color Variation

#0fd6ff
```
#0fd6ff rgb(15,214,255)
```
#22d9ff
```
#22d9ff rgb(34,217,255)
```
#36ddff
```
#36ddff rgb(54,221,255)
```
#4ae0ff
```
#4ae0ff rgb(74,224,255)
```
#5de3ff
```
#5de3ff rgb(93,227,255)
```
#71e7ff
```
#71e7ff rgb(113,231,255)
```
#85eaff
```
#85eaff rgb(133,234,255)
```
#98edff
```
#98edff rgb(152,237,255)
```
#acf1ff
```
#acf1ff rgb(172,241,255)
```
#bff4ff
```
#bff4ff rgb(191,244,255)
```
#d3f7ff
```
#d3f7ff rgb(211,247,255)
```
#e7fbff
```
#e7fbff rgb(231,251,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#616f72
```
#616f72 rgb(97,111,114)
```
#59747a
```
#59747a rgb(89,116,122)
```
#517a82
```
#517a82 rgb(81,122,130)
```
#497f8a
```
#497f8a rgb(73,127,138)
```
#418492
```
#418492 rgb(65,132,146)
```
#398a9a
```
#398a9a rgb(57,138,154)
```
#318fa2
```
#318fa2 rgb(49,143,162)
```
#2994aa
```
#2994aa rgb(41,148,170)
```
#209ab3
```
#209ab3 rgb(32,154,179)
```
#189fbb
```
#189fbb rgb(24,159,187)
```
#10a4c3
```
#10a4c3 rgb(16,164,195)
```
#08aacb
```
#08aacb rgb(8,170,203)
```
#00afd3
```
#00afd3 rgb(0,175,211)
```

Tone Color Variation

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

Dichromacy

#9ba3cb Protanopia 1% of men
#93a3db Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#62a7ce Protanomaly 1% of men, 0.01% of women
#5ea7d8 Deuteranomaly 6% of men, 0.4% of women
#00b3c8 Tritanomaly 0.01% of the population