#0afae4 hex color

In a RGB color space, hex #0afae4 is composed of 3.9% red, 98% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 0% magenta, 8.8% yellow and 2% black. It has a hue angle of 174.5 degrees, a saturation of 96% and a lightness of 51%. #0afae4 color hex could be obtained by blending #14ffff with #00f5c9. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 4
- G 98
- B 89
RGB color chart
- C 96
- M 0
- Y 9
- K 2
CMYK color chart

● #0afae4 color description : Vivid cyan.

The hexadecimal color #0afae4 has RGB values of R:10, G:250, B:228 and CMYK values of C:0.96, M:0, Y:0.09, K:0.02. Its decimal value is 719588.

Hex triplet	0afae4	`#0afae4`
RGB Decimal	10, 250, 228	`rgb(10,250,228)`
RGB Percent	3.9, 98, 89.4	`rgb(3.9%,98%,89.4%)`
CMYK	96, 0, 9, 2
HSL	174.5°, 96, 51	`hsl(174.5,96%,51%)`
HSV (or HSB)	174.5°, 96, 98
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	88.938, -53.291, -3.327
XYZ	48.31, 74.032, 85.138
xyY	0.233, 0.357, 74.032
CIE-LCH	88.938, 53.395, 183.573
CIE-LUV	88.938, -70.757, 3.242
Hunter-Lab	86.042, -50.352, 1.562
Binary	00001010, 11111010, 11100100

#0afae4
```
#0afae4 rgb(10,250,228)
```
#fa0a20
```
#fa0a20 rgb(250,10,32)
```

Complementary Color

#0afa6c
```
#0afa6c rgb(10,250,108)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```
#0a98fa
```
#0a98fa rgb(10,152,250)
```

Analogous Color

#fa6c0a
```
#fa6c0a rgb(250,108,10)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```
#fa0a98
```
#fa0a98 rgb(250,10,152)
```

Split Complementary Color

#fae40a
```
#fae40a rgb(250,228,10)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```
#e40afa
```
#e40afa rgb(228,10,250)
```

Triadic Color

#20fa0a
```
#20fa0a rgb(32,250,10)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```
#e40afa
```
#e40afa rgb(228,10,250)
```
#fa0a20
```
#fa0a20 rgb(250,10,32)
```

Tetradic Color

#04b4a4
```
#04b4a4 rgb(4,180,164)
```
#04cdba
```
#04cdba rgb(4,205,186)
```
#05e6d1
```
#05e6d1 rgb(5,230,209)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```
#23fbe7
```
#23fbe7 rgb(35,251,231)
```
#3cfbea
```
#3cfbea rgb(60,251,234)
```
#55fcec
```
#55fcec rgb(85,252,236)
```

Monochromatic Color

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

#0afaa8
```
#0afaa8 rgb(10,250,168)
```
#0afabc
```
#0afabc rgb(10,250,188)
```
#0afad0
```
#0afad0 rgb(10,250,208)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```
#0afaf8
```
#0afaf8 rgb(10,250,248)
```
#0ae8fa
```
#0ae8fa rgb(10,232,250)
```
#0ad4fa
```
#0ad4fa rgb(10,212,250)
```

Similar Colors

Text with hexadecimal color #0afae4

This text has a font color of #0afae4.

<span style="color:#0afae4;">Text here</span>

#0afae4 background color

This paragraph has a background color of #0afae4.

<p style="background-color:#0afae4;">Content here</p>

#0afae4 border color

This element has a border color of #0afae4.

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

CSS codes

.text {color:#0afae4;}

.background {background-color:#0afae4;}

.border {border:1px solid #0afae4;}

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

#000504
```
#000504 rgb(0,5,4)
```
#001816
```
#001816 rgb(0,24,22)
```
#012b27
```
#012b27 rgb(1,43,39)
```
#013f39
```
#013f39 rgb(1,63,57)
```
#02524a
```
#02524a rgb(2,82,74)
```
#02655c
```
#02655c rgb(2,101,92)
```
#02786d
```
#02786d rgb(2,120,109)
```
#038b7f
```
#038b7f rgb(3,139,127)
```
#039f90
```
#039f90 rgb(3,159,144)
```
#04b2a2
```
#04b2a2 rgb(4,178,162)
```
#04c5b3
```
#04c5b3 rgb(4,197,179)
```
#04d8c5
```
#04d8c5 rgb(4,216,197)
```
#05ecd6
```
#05ecd6 rgb(5,236,214)
```

Shade Color Variation

#0afae4
```
#0afae4 rgb(10,250,228)
```
#1dfae6
```
#1dfae6 rgb(29,250,230)
```
#30fbe8
```
#30fbe8 rgb(48,251,232)
```
#44fbea
```
#44fbea rgb(68,251,234)
```
#57fcec
```
#57fcec rgb(87,252,236)
```
#6afcef
```
#6afcef rgb(106,252,239)
```
#7dfcf1
```
#7dfcf1 rgb(125,252,241)
```
#91fdf3
```
#91fdf3 rgb(145,253,243)
```
#a4fdf5
```
#a4fdf5 rgb(164,253,245)
```
#b7fef7
```
#b7fef7 rgb(183,254,247)
```
#cafef9
```
#cafef9 rgb(202,254,249)
```
#ddfefb
```
#ddfefb rgb(221,254,251)
```
#f1fffd
```
#f1fffd rgb(241,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8786 is the less saturated color, while #0afae4 is the most saturated one.

#7d8786
```
#7d8786 rgb(125,135,134)
```
#74908e
```
#74908e rgb(116,144,142)
```
#6a9a95
```
#6a9a95 rgb(106,154,149)
```
#61a39d
```
#61a39d rgb(97,163,157)
```
#57ada5
```
#57ada5 rgb(87,173,165)
```
#4db7ad
```
#4db7ad rgb(77,183,173)
```
#44c0b5
```
#44c0b5 rgb(68,192,181)
```
#3acabd
```
#3acabd rgb(58,202,189)
```
#30d4c5
```
#30d4c5 rgb(48,212,197)
```
#27ddcc
```
#27ddcc rgb(39,221,204)
```
#1de7d4
```
#1de7d4 rgb(29,231,212)
```
#14f0dc
```
#14f0dc rgb(20,240,220)
```
#0afae4
```
#0afae4 rgb(10,250,228)
```

Tone Color Variation

Below, you can see how #0afae4 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

#b0b0b0 Achromatopsia 0.005% of the population
#8fbfba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e0d7 Protanopia 1% of men
#eedbf0 Deuteranopia 1% of men
#86f0ff Tritanopia 0.001% of the population

Trichromacy

#96e9dc Protanomaly 1% of men, 0.01% of women
#9be6ec Deuteranomaly 6% of men, 0.4% of women
#59f4f5 Tritanomaly 0.01% of the population

#0afae4 hex color

#0afae4 Color Information

#0afae4 Color Conversion

Color Schemes with #0afae4

Alternatives to #0afae4

#0afae4 Preview

Shades and Tints of #0afae4

Tones of #0afae4

Color Blindness Simulator