#0afae2 hex color

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

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

● #0afae2 color description : Vivid cyan.

The hexadecimal color #0afae2 has RGB values of R:10, G:250, B:226 and CMYK values of C:0.96, M:0, Y:0.1, K:0.02. Its decimal value is 719586.

Hex triplet	0afae2	`#0afae2`
RGB Decimal	10, 250, 226	`rgb(10,250,226)`
RGB Percent	3.9, 98, 88.6	`rgb(3.9%,98%,88.6%)`
CMYK	96, 0, 10, 2
HSL	174°, 96, 51	`hsl(174,96%,51%)`
HSV (or HSB)	174°, 96, 98
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	88.885, -53.828, -2.362
XYZ	48.034, 73.922, 83.684
xyY	0.234, 0.359, 73.922
CIE-LCH	88.885, 53.879, 182.513
CIE-LUV	88.885, -70.916, 4.858
Hunter-Lab	85.978, -50.738, 2.476
Binary	00001010, 11111010, 11100010

#0afae2
```
#0afae2 rgb(10,250,226)
```
#fa0a22
```
#fa0a22 rgb(250,10,34)
```

Complementary Color

#0afa6a
```
#0afa6a rgb(10,250,106)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```
#0a9afa
```
#0a9afa rgb(10,154,250)
```

Analogous Color

#fa6a0a
```
#fa6a0a rgb(250,106,10)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```
#fa0a9a
```
#fa0a9a rgb(250,10,154)
```

Split Complementary Color

#fae20a
```
#fae20a rgb(250,226,10)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```
#e20afa
```
#e20afa rgb(226,10,250)
```

Triadic Color

#22fa0a
```
#22fa0a rgb(34,250,10)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```
#e20afa
```
#e20afa rgb(226,10,250)
```
#fa0a22
```
#fa0a22 rgb(250,10,34)
```

Tetradic Color

#04b4a2
```
#04b4a2 rgb(4,180,162)
```
#04cdb9
```
#04cdb9 rgb(4,205,185)
```
#05e6cf
```
#05e6cf rgb(5,230,207)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```
#23fbe5
```
#23fbe5 rgb(35,251,229)
```
#3cfbe8
```
#3cfbe8 rgb(60,251,232)
```
#55fceb
```
#55fceb rgb(85,252,235)
```

Monochromatic Color

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

#0afaa6
```
#0afaa6 rgb(10,250,166)
```
#0afaba
```
#0afaba rgb(10,250,186)
```
#0aface
```
#0aface rgb(10,250,206)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```
#0afaf6
```
#0afaf6 rgb(10,250,246)
```
#0aeafa
```
#0aeafa rgb(10,234,250)
```
#0ad6fa
```
#0ad6fa rgb(10,214,250)
```

Similar Colors

Text with hexadecimal color #0afae2

This text has a font color of #0afae2.

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

#0afae2 background color

This paragraph has a background color of #0afae2.

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

#0afae2 border color

This element has a border color of #0afae2.

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

CSS codes

.text {color:#0afae2;}

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

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

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)
```
#013f38
```
#013f38 rgb(1,63,56)
```
#02524a
```
#02524a rgb(2,82,74)
```
#02655b
```
#02655b rgb(2,101,91)
```
#02786c
```
#02786c rgb(2,120,108)
```
#038b7e
```
#038b7e rgb(3,139,126)
```
#039f8f
```
#039f8f rgb(3,159,143)
```
#04b2a0
```
#04b2a0 rgb(4,178,160)
```
#04c5b2
```
#04c5b2 rgb(4,197,178)
```
#04d8c3
```
#04d8c3 rgb(4,216,195)
```
#05ecd5
```
#05ecd5 rgb(5,236,213)
```

Shade Color Variation

#0afae2
```
#0afae2 rgb(10,250,226)
```
#1dfae4
```
#1dfae4 rgb(29,250,228)
```
#30fbe7
```
#30fbe7 rgb(48,251,231)
```
#44fbe9
```
#44fbe9 rgb(68,251,233)
```
#57fceb
```
#57fceb rgb(87,252,235)
```
#6afced
```
#6afced rgb(106,252,237)
```
#7dfcf0
```
#7dfcf0 rgb(125,252,240)
```
#91fdf2
```
#91fdf2 rgb(145,253,242)
```
#a4fdf4
```
#a4fdf4 rgb(164,253,244)
```
#b7fef6
```
#b7fef6 rgb(183,254,246)
```
#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 #0afae2 is the most saturated one.

#7d8786
```
#7d8786 rgb(125,135,134)
```
#74908d
```
#74908d rgb(116,144,141)
```
#6a9a95
```
#6a9a95 rgb(106,154,149)
```
#61a39d
```
#61a39d rgb(97,163,157)
```
#57ada4
```
#57ada4 rgb(87,173,164)
```
#4db7ac
```
#4db7ac rgb(77,183,172)
```
#44c0b4
```
#44c0b4 rgb(68,192,180)
```
#3acabc
```
#3acabc rgb(58,202,188)
```
#30d4c3
```
#30d4c3 rgb(48,212,195)
```
#27ddcb
```
#27ddcb rgb(39,221,203)
```
#1de7d3
```
#1de7d3 rgb(29,231,211)
```
#14f0da
```
#14f0da rgb(20,240,218)
```
#0afae2
```
#0afae2 rgb(10,250,226)
```

Tone Color Variation

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

#e7dfd5 Protanopia 1% of men
#eedaee Deuteranopia 1% of men
#85f0ff Tritanopia 0.001% of the population

Trichromacy

#96e9da Protanomaly 1% of men, 0.01% of women
#9be6ea Deuteranomaly 6% of men, 0.4% of women
#58f4f4 Tritanomaly 0.01% of the population

#0afae2 hex color

#0afae2 Color Information

#0afae2 Color Conversion

Color Schemes with #0afae2

Alternatives to #0afae2

#0afae2 Preview

Shades and Tints of #0afae2

Tones of #0afae2

Color Blindness Simulator