#0aade4 hex color

In a RGB color space, hex #0aade4 is composed of 3.9% red, 67.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 24.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 195.1 degrees, a saturation of 91.6% and a lightness of 46.7%. #0aade4 color hex could be obtained by blending #14ffff with #005bc9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 4
- G 68
- B 89
RGB color chart
- C 96
- M 24
- Y 0
- K 11
CMYK color chart

● #0aade4 color description : Vivid blue.

The hexadecimal color #0aade4 has RGB values of R:10, G:173, B:228 and CMYK values of C:0.96, M:0.24, Y:0, K:0.11. Its decimal value is 699876.

Hex triplet	0aade4	`#0aade4`
RGB Decimal	10, 173, 228	`rgb(10,173,228)`
RGB Percent	3.9, 67.8, 89.4	`rgb(3.9%,67.8%,89.4%)`
CMYK	96, 24, 0, 11
HSL	195.1°, 91.6, 46.7	`hsl(195.1,91.6%,46.7%)`
HSV (or HSB)	195.1°, 95.6, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.175, -17.329, -37.826
XYZ	29.069, 35.55, 78.724
xyY	0.203, 0.248, 35.55
CIE-LCH	66.175, 41.606, 245.386
CIE-LUV	66.175, -44.926, -58.191
Hunter-Lab	59.624, -17.317, -36.546
Binary	00001010, 10101101, 11100100

#0aade4
```
#0aade4 rgb(10,173,228)
```
#e4410a
```
#e4410a rgb(228,65,10)
```

Complementary Color

#0ae4ae
```
#0ae4ae rgb(10,228,174)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#0a40e4
```
#0a40e4 rgb(10,64,228)
```

Analogous Color

#e4ae0a
```
#e4ae0a rgb(228,174,10)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#e40a40
```
#e40a40 rgb(228,10,64)
```

Split Complementary Color

#ade40a
```
#ade40a rgb(173,228,10)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#e40aad
```
#e40aad rgb(228,10,173)
```

Triadic Color

#0ae441
```
#0ae441 rgb(10,228,65)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#e40aad
```
#e40aad rgb(228,10,173)
```
#e4410a
```
#e4410a rgb(228,65,10)
```

Tetradic Color

#07759b
```
#07759b rgb(7,117,155)
```
#0888b3
```
#0888b3 rgb(8,136,179)
```
#099acc
```
#099acc rgb(9,154,204)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#13bcf5
```
#13bcf5 rgb(19,188,245)
```
#2bc3f6
```
#2bc3f6 rgb(43,195,246)
```
#44caf7
```
#44caf7 rgb(68,202,247)
```

Monochromatic Color

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

#0ae4e4
```
#0ae4e4 rgb(10,228,228)
```
#0ad1e4
```
#0ad1e4 rgb(10,209,228)
```
#0abfe4
```
#0abfe4 rgb(10,191,228)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#0a9be4
```
#0a9be4 rgb(10,155,228)
```
#0a89e4
```
#0a89e4 rgb(10,137,228)
```
#0a77e4
```
#0a77e4 rgb(10,119,228)
```

Similar Colors

Text with hexadecimal color #0aade4

This text has a font color of #0aade4.

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

#0aade4 background color

This paragraph has a background color of #0aade4.

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

#0aade4 border color

This element has a border color of #0aade4.

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

CSS codes

.text {color:#0aade4;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011015
```
#011015 rgb(1,16,21)
```
#021e28
```
#021e28 rgb(2,30,40)
```
#032d3b
```
#032d3b rgb(3,45,59)
```
#033b4e
```
#033b4e rgb(3,59,78)
```
#044960
```
#044960 rgb(4,73,96)
```
#055773
```
#055773 rgb(5,87,115)
```
#066686
```
#066686 rgb(6,102,134)
```
#077499
```
#077499 rgb(7,116,153)
```
#0882ac
```
#0882ac rgb(8,130,172)
```
#0890be
```
#0890be rgb(8,144,190)
```
#099fd1
```
#099fd1 rgb(9,159,209)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```

Shade Color Variation

#0dbaf4
```
#0dbaf4 rgb(13,186,244)
```
#20bff5
```
#20bff5 rgb(32,191,245)
```
#33c5f6
```
#33c5f6 rgb(51,197,246)
```
#46caf7
```
#46caf7 rgb(70,202,247)
```
#58d0f8
```
#58d0f8 rgb(88,208,248)
```
#6bd5f9
```
#6bd5f9 rgb(107,213,249)
```
#7edaf9
```
#7edaf9 rgb(126,218,249)
```
#91e0fa
```
#91e0fa rgb(145,224,250)
```
#a4e5fb
```
#a4e5fb rgb(164,229,251)
```
#b6eafc
```
#b6eafc rgb(182,234,252)
```
#c9f0fd
```
#c9f0fd rgb(201,240,253)
```
#dcf5fd
```
#dcf5fd rgb(220,245,253)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7b7f is the less saturated color, while #01b2ed is the most saturated one.

#6f7b7f
```
#6f7b7f rgb(111,123,127)
```
#668088
```
#668088 rgb(102,128,136)
```
#5c8492
```
#5c8492 rgb(92,132,146)
```
#53899b
```
#53899b rgb(83,137,155)
```
#4a8da4
```
#4a8da4 rgb(74,141,164)
```
#4192ad
```
#4192ad rgb(65,146,173)
```
#3896b6
```
#3896b6 rgb(56,150,182)
```
#2f9bbf
```
#2f9bbf rgb(47,155,191)
```
#259fc9
```
#259fc9 rgb(37,159,201)
```
#1ca4d2
```
#1ca4d2 rgb(28,164,210)
```
#13a8db
```
#13a8db rgb(19,168,219)
```
#0aade4
```
#0aade4 rgb(10,173,228)
```
#01b2ed
```
#01b2ed rgb(1,178,237)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6b8b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a3db Protanopia 1% of men
#86a4ea Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#61a7de Protanomaly 1% of men, 0.01% of women
#59a7e8 Deuteranomaly 6% of men, 0.4% of women
#03b2ce Tritanomaly 0.01% of the population

#0aade4 hex color

#0aade4 Color Information

#0aade4 Color Conversion

Color Schemes with #0aade4

Alternatives to #0aade4

#0aade4 Preview

Shades and Tints of #0aade4

Tones of #0aade4

Color Blindness Simulator