colorhexa.com

#0aafde hex color

In a RGB color space, hex #0aafde is composed of 3.9% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 193.3 degrees, a saturation of 91.4% and a lightness of 45.5%. #0aafde color hex could be obtained by blending #14ffff with #005fbd. Closest websafe color is: #0099cc.

- R 4
- G 69
- B 87
RGB color chart
- C 95
- M 21
- Y 0
- K 13
CMYK color chart

● #0aafde color description : Vivid cyan.

The hexadecimal color #0aafde has RGB values of R:10, G:175, B:222 and CMYK values of C:0.95, M:0.21, Y:0, K:0.13. Its decimal value is 700382.

Hex triplet	0aafde	`#0aafde`
RGB Decimal	10, 175, 222	`rgb(10,175,222)`
RGB Percent	3.9, 68.6, 87.1	`rgb(3.9%,68.6%,87.1%)`
CMYK	95, 21, 0, 13
HSL	193.3°, 91.4, 45.5	`hsl(193.3,91.4%,45.5%)`
HSV (or HSB)	193.3°, 95.5, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.517, -20.48, -33.999
XYZ	28.636, 35.996, 74.542
xyY	0.206, 0.259, 35.996
CIE-LCH	66.517, 39.691, 238.936
CIE-LUV	66.517, -46.043, -51.361
Hunter-Lab	59.996, -19.795, -31.667
Binary	00001010, 10101111, 11011110

#0aafde
```
#0aafde rgb(10,175,222)
```
#de390a
```
#de390a rgb(222,57,10)
```

Complementary Color

#0adea3
```
#0adea3 rgb(10,222,163)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#0a45de
```
#0a45de rgb(10,69,222)
```

Analogous Color

#dea30a
```
#dea30a rgb(222,163,10)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#de0a45
```
#de0a45 rgb(222,10,69)
```

Split Complementary Color

#afde0a
```
#afde0a rgb(175,222,10)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#de0aaf
```
#de0aaf rgb(222,10,175)
```

Triadic Color

#0ade39
```
#0ade39 rgb(10,222,57)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#de0aaf
```
#de0aaf rgb(222,10,175)
```
#de390a
```
#de390a rgb(222,57,10)
```

Tetradic Color

#077595
```
#077595 rgb(7,117,149)
```
#0889ad
```
#0889ad rgb(8,137,173)
```
#099cc6
```
#099cc6 rgb(9,156,198)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#0dc1f4
```
#0dc1f4 rgb(13,193,244)
```
#26c7f5
```
#26c7f5 rgb(38,199,245)
```
#3ecdf6
```
#3ecdf6 rgb(62,205,246)
```

Monochromatic Color

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

#0aded8
```
#0aded8 rgb(10,222,216)
```
#0ad2de
```
#0ad2de rgb(10,210,222)
```
#0ac1de
```
#0ac1de rgb(10,193,222)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#0a9dde
```
#0a9dde rgb(10,157,222)
```
#0a8cde
```
#0a8cde rgb(10,140,222)
```
#0a7ade
```
#0a7ade rgb(10,122,222)
```

Similar Colors

Text with hexadecimal color #0aafde

This text has a font color of #0aafde.

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

#0aafde background color

This paragraph has a background color of #0aafde.

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

#0aafde border color

This element has a border color of #0aafde.

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

CSS codes

.text {color:#0aafde;}

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

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

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, #010c10 is the darkest color, while #fcfeff is the lightest one.

#010c10
```
#010c10 rgb(1,12,16)
```
#021b22
```
#021b22 rgb(2,27,34)
```
#022a35
```
#022a35 rgb(2,42,53)
```
#033948
```
#033948 rgb(3,57,72)
```
#04475b
```
#04475b rgb(4,71,91)
```
#05566d
```
#05566d rgb(5,86,109)
```
#066580
```
#066580 rgb(6,101,128)
```
#077493
```
#077493 rgb(7,116,147)
```
#0783a6
```
#0783a6 rgb(7,131,166)
```
#0891b8
```
#0891b8 rgb(8,145,184)
```
#09a0cb
```
#09a0cb rgb(9,160,203)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#0bbef1
```
#0bbef1 rgb(11,190,241)
```

Shade Color Variation

#1bc4f5
```
#1bc4f5 rgb(27,196,245)
```
#2dc9f6
```
#2dc9f6 rgb(45,201,246)
```
#40cef6
```
#40cef6 rgb(64,206,246)
```
#53d3f7
```
#53d3f7 rgb(83,211,247)
```
#66d8f8
```
#66d8f8 rgb(102,216,248)
```
#78dcf9
```
#78dcf9 rgb(120,220,249)
```
#8be1fa
```
#8be1fa rgb(139,225,250)
```
#9ee6fb
```
#9ee6fb rgb(158,230,251)
```
#b1ebfb
```
#b1ebfb rgb(177,235,251)
```
#c3f0fc
```
#c3f0fc rgb(195,240,252)
```
#d6f5fd
```
#d6f5fd rgb(214,245,253)
```
#e9f9fe
```
#e9f9fe rgb(233,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#6c787c
```
#6c787c rgb(108,120,124)
```
#637d85
```
#637d85 rgb(99,125,133)
```
#5a828e
```
#5a828e rgb(90,130,142)
```
#518797
```
#518797 rgb(81,135,151)
```
#488ca0
```
#488ca0 rgb(72,140,160)
```
#4091a8
```
#4091a8 rgb(64,145,168)
```
#3796b1
```
#3796b1 rgb(55,150,177)
```
#2e9bba
```
#2e9bba rgb(46,155,186)
```
#25a0c3
```
#25a0c3 rgb(37,160,195)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#13aad5
```
#13aad5 rgb(19,170,213)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#01b4e7
```
#01b4e7 rgb(1,180,231)
```

Tone Color Variation

Below, you can see how #0aafde 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
#6b8c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d5 Protanopia 1% of men
#8da5e5 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#64a8d8 Protanomaly 1% of men, 0.01% of women
#5da8e2 Deuteranomaly 6% of men, 0.4% of women
#03b3cd Tritanomaly 0.01% of the population