#0a9afd hex color

In a RGB color space, hex #0a9afd is composed of 3.9% red, 60.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 39.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.4 degrees, a saturation of 98.4% and a lightness of 51.6%. #0a9afd color hex could be obtained by blending #14ffff with #0035fb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 4
- G 60
- B 99
RGB color chart
- C 96
- M 39
- Y 0
- K 1
CMYK color chart

● #0a9afd color description : Vivid blue.

The hexadecimal color #0a9afd has RGB values of R:10, G:154, B:253 and CMYK values of C:0.96, M:0.39, Y:0, K:0.01. Its decimal value is 695037.

Hex triplet	0a9afd	`#0a9afd`
RGB Decimal	10, 154, 253	`rgb(10,154,253)`
RGB Percent	3.9, 60.4, 99.2	`rgb(3.9%,60.4%,99.2%)`
CMYK	96, 39, 0, 1
HSL	204.4°, 98.4, 51.6	`hsl(204.4,98.4%,51.6%)`
HSV (or HSB)	204.4°, 96, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	61.882, 2.473, -58.305
XYZ	29.406, 30.265, 97.215
xyY	0.187, 0.193, 30.265
CIE-LCH	61.882, 58.357, 272.429
CIE-LUV	61.882, -37.062, -94.03
Hunter-Lab	55.013, -0.861, -66.263
Binary	00001010, 10011010, 11111101

#0a9afd
```
#0a9afd rgb(10,154,253)
```
#fd6d0a
```
#fd6d0a rgb(253,109,10)
```

Complementary Color

#0afde7
```
#0afde7 rgb(10,253,231)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```
#0a21fd
```
#0a21fd rgb(10,33,253)
```

Analogous Color

#fde70a
```
#fde70a rgb(253,231,10)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```
#fd0a21
```
#fd0a21 rgb(253,10,33)
```

Split Complementary Color

#9afd0a
```
#9afd0a rgb(154,253,10)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```
#fd0a9a
```
#fd0a9a rgb(253,10,154)
```

Triadic Color

#0afd6d
```
#0afd6d rgb(10,253,109)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```
#fd0a9a
```
#fd0a9a rgb(253,10,154)
```
#fd6d0a
```
#fd6d0a rgb(253,109,10)
```

Tetradic Color

#026eb9
```
#026eb9 rgb(2,110,185)
```
#027dd2
```
#027dd2 rgb(2,125,210)
```
#028cec
```
#028cec rgb(2,140,236)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```
#23a4fd
```
#23a4fd rgb(35,164,253)
```
#3daffd
```
#3daffd rgb(61,175,253)
```
#56b9fe
```
#56b9fe rgb(86,185,254)
```

Monochromatic Color

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

#0ad7fd
```
#0ad7fd rgb(10,215,253)
```
#0ac3fd
```
#0ac3fd rgb(10,195,253)
```
#0aaefd
```
#0aaefd rgb(10,174,253)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```
#0a86fd
```
#0a86fd rgb(10,134,253)
```
#0a72fd
```
#0a72fd rgb(10,114,253)
```
#0a5dfd
```
#0a5dfd rgb(10,93,253)
```

Similar Colors

Text with hexadecimal color #0a9afd

This text has a font color of #0a9afd.

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

#0a9afd background color

This paragraph has a background color of #0a9afd.

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

#0a9afd border color

This element has a border color of #0a9afd.

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

CSS codes

.text {color:#0a9afd;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00101b
```
#00101b rgb(0,16,27)
```
#001c2f
```
#001c2f rgb(0,28,47)
```
#012842
```
#012842 rgb(1,40,66)
```
#013356
```
#013356 rgb(1,51,86)
```
#013f69
```
#013f69 rgb(1,63,105)
```
#014a7d
```
#014a7d rgb(1,74,125)
```
#015690
```
#015690 rgb(1,86,144)
```
#0161a4
```
#0161a4 rgb(1,97,164)
```
#016db7
```
#016db7 rgb(1,109,183)
```
#0279cb
```
#0279cb rgb(2,121,203)
```
#0284de
```
#0284de rgb(2,132,222)
```
#0290f1
```
#0290f1 rgb(2,144,241)
```

Shade Color Variation

#0a9afd
```
#0a9afd rgb(10,154,253)
```
#1da2fd
```
#1da2fd rgb(29,162,253)
```
#31aafd
```
#31aafd rgb(49,170,253)
```
#44b2fd
```
#44b2fd rgb(68,178,253)
```
#58bafe
```
#58bafe rgb(88,186,254)
```
#6bc2fe
```
#6bc2fe rgb(107,194,254)
```
#7fcafe
```
#7fcafe rgb(127,202,254)
```
#92d2fe
```
#92d2fe rgb(146,210,254)
```
#a6dafe
```
#a6dafe rgb(166,218,254)
```
#b9e2fe
```
#b9e2fe rgb(185,226,254)
```
#cdeaff
```
#cdeaff rgb(205,234,255)
```
#e0f2ff
```
#e0f2ff rgb(224,242,255)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

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

#7c858b
```
#7c858b rgb(124,133,139)
```
#738795
```
#738795 rgb(115,135,149)
```
#69889e
```
#69889e rgb(105,136,158)
```
#608aa8
```
#608aa8 rgb(96,138,168)
```
#568cb1
```
#568cb1 rgb(86,140,177)
```
#4d8ebb
```
#4d8ebb rgb(77,142,187)
```
#438fc4
```
#438fc4 rgb(67,143,196)
```
#3a91ce
```
#3a91ce rgb(58,145,206)
```
#3093d7
```
#3093d7 rgb(48,147,215)
```
#2795e1
```
#2795e1 rgb(39,149,225)
```
#1d96ea
```
#1d96ea rgb(29,150,234)
```
#1498f4
```
#1498f4 rgb(20,152,244)
```
#0a9afd
```
#0a9afd rgb(10,154,253)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#648094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f97f7 Protanopia 1% of men
#429cfe Deuteranopia 1% of men
#00aab4 Tritanopia 0.001% of the population

Trichromacy

#4a98f9 Protanomaly 1% of men, 0.01% of women
#2e9bfd Deuteranomaly 6% of men, 0.4% of women
#03a4ce Tritanomaly 0.01% of the population

#0a9afd hex color

#0a9afd Color Information

#0a9afd Color Conversion

Color Schemes with #0a9afd

Alternatives to #0a9afd

#0a9afd Preview

Shades and Tints of #0a9afd

Tones of #0a9afd

Color Blindness Simulator