#0a9cf5 hex color

In a RGB color space, hex #0a9cf5 is composed of 3.9% red, 61.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 36.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 202.7 degrees, a saturation of 92.2% and a lightness of 50%. #0a9cf5 color hex could be obtained by blending #14ffff with #0039eb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 4
- G 61
- B 96
RGB color chart
- C 96
- M 36
- Y 0
- K 4
CMYK color chart

● #0a9cf5 color description : Vivid blue.

The hexadecimal color #0a9cf5 has RGB values of R:10, G:156, B:245 and CMYK values of C:0.96, M:0.36, Y:0, K:0.04. Its decimal value is 695541.

Hex triplet	0a9cf5	`#0a9cf5`
RGB Decimal	10, 156, 245	`rgb(10,156,245)`
RGB Percent	3.9, 61.2, 96.1	`rgb(3.9%,61.2%,96.1%)`
CMYK	96, 36, 0, 4
HSL	202.7°, 92.2, 50	`hsl(202.7,92.2%,50%)`
HSV (or HSB)	202.7°, 95.9, 96.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	62.025, -1.687, -53.694
XYZ	28.491, 30.431, 90.753
xyY	0.19, 0.203, 30.431
CIE-LCH	62.025, 53.721, 268.201
CIE-LUV	62.025, -38.168, -85.988
Hunter-Lab	55.165, -4.347, -58.925
Binary	00001010, 10011100, 11110101

#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#f5630a
```
#f5630a rgb(245,99,10)
```

Complementary Color

#0af5d9
```
#0af5d9 rgb(10,245,217)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#0a26f5
```
#0a26f5 rgb(10,38,245)
```

Analogous Color

#f5d90a
```
#f5d90a rgb(245,217,10)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#f50a27
```
#f50a27 rgb(245,10,39)
```

Split Complementary Color

#9cf50a
```
#9cf50a rgb(156,245,10)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#f50a9c
```
#f50a9c rgb(245,10,156)
```

Triadic Color

#0af563
```
#0af563 rgb(10,245,99)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#f50a9c
```
#f50a9c rgb(245,10,156)
```
#f5630a
```
#f5630a rgb(245,99,10)
```

Tetradic Color

#076dac
```
#076dac rgb(7,109,172)
```
#087dc4
```
#087dc4 rgb(8,125,196)
```
#098cdd
```
#098cdd rgb(9,140,221)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#23a6f6
```
#23a6f6 rgb(35,166,246)
```
#3bb0f7
```
#3bb0f7 rgb(59,176,247)
```
#54baf8
```
#54baf8 rgb(84,186,248)
```

Monochromatic Color

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

#0ad7f5
```
#0ad7f5 rgb(10,215,245)
```
#0ac3f5
```
#0ac3f5 rgb(10,195,245)
```
#0ab0f5
```
#0ab0f5 rgb(10,176,245)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#0a88f5
```
#0a88f5 rgb(10,136,245)
```
#0a75f5
```
#0a75f5 rgb(10,117,245)
```
#0a61f5
```
#0a61f5 rgb(10,97,245)
```

Similar Colors

Text with hexadecimal color #0a9cf5

This text has a font color of #0a9cf5.

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

#0a9cf5 background color

This paragraph has a background color of #0a9cf5.

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

#0a9cf5 border color

This element has a border color of #0a9cf5.

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

CSS codes

.text {color:#0a9cf5;}

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

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

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

#010c13
```
#010c13 rgb(1,12,19)
```
#021826
```
#021826 rgb(2,24,38)
```
#022439
```
#022439 rgb(2,36,57)
```
#03304b
```
#03304b rgb(3,48,75)
```
#043c5e
```
#043c5e rgb(4,60,94)
```
#054871
```
#054871 rgb(5,72,113)
```
#055484
```
#055484 rgb(5,84,132)
```
#066097
```
#066097 rgb(6,96,151)
```
#076caa
```
#076caa rgb(7,108,170)
```
#0878bc
```
#0878bc rgb(8,120,188)
```
#0884cf
```
#0884cf rgb(8,132,207)
```
#0990e2
```
#0990e2 rgb(9,144,226)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```

Shade Color Variation

#1da4f6
```
#1da4f6 rgb(29,164,246)
```
#30abf7
```
#30abf7 rgb(48,171,247)
```
#43b3f7
```
#43b3f7 rgb(67,179,247)
```
#55baf8
```
#55baf8 rgb(85,186,248)
```
#68c2f9
```
#68c2f9 rgb(104,194,249)
```
#7bcafa
```
#7bcafa rgb(123,202,250)
```
#8ed1fa
```
#8ed1fa rgb(142,209,250)
```
#a1d9fb
```
#a1d9fb rgb(161,217,251)
```
#b4e1fc
```
#b4e1fc rgb(180,225,252)
```
#c6e8fd
```
#c6e8fd rgb(198,232,253)
```
#d9f0fd
```
#d9f0fd rgb(217,240,253)
```
#ecf7fe
```
#ecf7fe rgb(236,247,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #768289 is the less saturated color, while #009eff is the most saturated one.

#768289
```
#768289 rgb(118,130,137)
```
#6c8493
```
#6c8493 rgb(108,132,147)
```
#62879d
```
#62879d rgb(98,135,157)
```
#5889a7
```
#5889a7 rgb(88,137,167)
```
#4f8bb0
```
#4f8bb0 rgb(79,139,176)
```
#458eba
```
#458eba rgb(69,142,186)
```
#3b90c4
```
#3b90c4 rgb(59,144,196)
```
#3192ce
```
#3192ce rgb(49,146,206)
```
#2795d8
```
#2795d8 rgb(39,149,216)
```
#1e97e1
```
#1e97e1 rgb(30,151,225)
```
#149aeb
```
#149aeb rgb(20,154,235)
```
#0a9cf5
```
#0a9cf5 rgb(10,156,245)
```
#009eff
```
#009eff rgb(0,158,255)
```

Tone Color Variation

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

Dichromacy

#7798ee Protanopia 1% of men
#559cf7 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#4f99f0 Protanomaly 1% of men, 0.01% of women
#3a9cf6 Deuteranomaly 6% of men, 0.4% of women
#03a5cc Tritanomaly 0.01% of the population

#0a9cf5 hex color

#0a9cf5 Color Information

#0a9cf5 Color Conversion

Color Schemes with #0a9cf5

Alternatives to #0a9cf5

#0a9cf5 Preview

Shades and Tints of #0a9cf5

Tones of #0a9cf5

Color Blindness Simulator