#00afe3 hex color

In a RGB color space, hex #00afe3 is composed of 0% red, 68.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 22.9% magenta, 0% yellow and 11% black. It has a hue angle of 193.7 degrees, a saturation of 100% and a lightness of 44.5%. #00afe3 color hex could be obtained by blending #00ffff with #005fc7. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 69
- B 89
RGB color chart
- C 100
- M 23
- Y 0
- K 11
CMYK color chart

● #00afe3 color description : Pure (or mostly pure) cyan.

The hexadecimal color #00afe3 has RGB values of R:0, G:175, B:227 and CMYK values of C:1, M:0.23, Y:0, K:0.11. Its decimal value is 45027.

Hex triplet	00afe3	`#00afe3`
RGB Decimal	0, 175, 227	`rgb(0,175,227)`
RGB Percent	0, 68.6, 89	`rgb(0%,68.6%,89%)`
CMYK	100, 23, 0, 11
HSL	193.7°, 100, 44.5	`hsl(193.7,100%,44.5%)`
HSV (or HSB)	193.7°, 100, 89
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.675, -19.011, -36.502
XYZ	29.191, 36.203, 78.118
xyY	0.203, 0.252, 36.203
CIE-LCH	66.675, 41.156, 242.488
CIE-LUV	66.675, -46.004, -55.803
Hunter-Lab	60.169, -18.695, -34.859
Binary	00000000, 10101111, 11100011

#00afe3
```
#00afe3 rgb(0,175,227)
```
#e33400
```
#e33400 rgb(227,52,0)
```

Complementary Color

#00e3a6
```
#00e3a6 rgb(0,227,166)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#003ee3
```
#003ee3 rgb(0,62,227)
```

Analogous Color

#e3a600
```
#e3a600 rgb(227,166,0)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#e3003e
```
#e3003e rgb(227,0,62)
```

Split Complementary Color

#afe300
```
#afe300 rgb(175,227,0)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#e300af
```
#e300af rgb(227,0,175)
```

Triadic Color

#00e334
```
#00e334 rgb(0,227,52)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#e300af
```
#e300af rgb(227,0,175)
```
#e33400
```
#e33400 rgb(227,52,0)
```

Tetradic Color

#007497
```
#007497 rgb(0,116,151)
```
#0088b0
```
#0088b0 rgb(0,136,176)
```
#009bca
```
#009bca rgb(0,155,202)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#00c3fd
```
#00c3fd rgb(0,195,253)
```
#17caff
```
#17caff rgb(23,202,255)
```
#31d0ff
```
#31d0ff rgb(49,208,255)
```

Monochromatic Color

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

#00e3de
```
#00e3de rgb(0,227,222)
```
#00d5e3
```
#00d5e3 rgb(0,213,227)
```
#00c2e3
```
#00c2e3 rgb(0,194,227)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#009ce3
```
#009ce3 rgb(0,156,227)
```
#0089e3
```
#0089e3 rgb(0,137,227)
```
#0076e3
```
#0076e3 rgb(0,118,227)
```

Similar Colors

Text with hexadecimal color #00afe3

This text has a font color of #00afe3.

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

#00afe3 background color

This paragraph has a background color of #00afe3.

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

#00afe3 border color

This element has a border color of #00afe3.

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

CSS codes

.text {color:#00afe3;}

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

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#00181f
```
#00181f rgb(0,24,31)
```
#002732
```
#002732 rgb(0,39,50)
```
#003646
```
#003646 rgb(0,54,70)
```
#00455a
```
#00455a rgb(0,69,90)
```
#00546d
```
#00546d rgb(0,84,109)
```
#006381
```
#006381 rgb(0,99,129)
```
#007395
```
#007395 rgb(0,115,149)
```
#0082a8
```
#0082a8 rgb(0,130,168)
```
#0091bc
```
#0091bc rgb(0,145,188)
```
#00a0cf
```
#00a0cf rgb(0,160,207)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```
#00bef7
```
#00bef7 rgb(0,190,247)
```

Shade Color Variation

#0bc7ff
```
#0bc7ff rgb(11,199,255)
```
#1fccff
```
#1fccff rgb(31,204,255)
```
#32d0ff
```
#32d0ff rgb(50,208,255)
```
#46d5ff
```
#46d5ff rgb(70,213,255)
```
#5ad9ff
```
#5ad9ff rgb(90,217,255)
```
#6ddeff
```
#6ddeff rgb(109,222,255)
```
#81e2ff
```
#81e2ff rgb(129,226,255)
```
#95e7ff
```
#95e7ff rgb(149,231,255)
```
#a8ebff
```
#a8ebff rgb(168,235,255)
```
#bcf0ff
```
#bcf0ff rgb(188,240,255)
```
#cff4ff
```
#cff4ff rgb(207,244,255)
```
#e3f9ff
```
#e3f9ff rgb(227,249,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#69767a
```
#69767a rgb(105,118,122)
```
#607b83
```
#607b83 rgb(96,123,131)
```
#57808c
```
#57808c rgb(87,128,140)
```
#4f8494
```
#4f8494 rgb(79,132,148)
```
#46899d
```
#46899d rgb(70,137,157)
```
#3d8ea6
```
#3d8ea6 rgb(61,142,166)
```
#3493af
```
#3493af rgb(52,147,175)
```
#2c97b7
```
#2c97b7 rgb(44,151,183)
```
#239cc0
```
#239cc0 rgb(35,156,192)
```
#1aa1c9
```
#1aa1c9 rgb(26,161,201)
```
#11a6d2
```
#11a6d2 rgb(17,166,210)
```
#09aada
```
#09aada rgb(9,170,218)
```
#00afe3
```
#00afe3 rgb(0,175,227)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#678a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a5da Protanopia 1% of men
#89a5e9 Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#5fa8dd Protanomaly 1% of men, 0.01% of women
#57a9e7 Deuteranomaly 6% of men, 0.4% of women
#00b4cf Tritanomaly 0.01% of the population

#00afe3 hex color

#00afe3 Color Information

#00afe3 Color Conversion

Color Schemes with #00afe3

Alternatives to #00afe3

#00afe3 Preview

Shades and Tints of #00afe3

Tones of #00afe3

Color Blindness Simulator