#0a50ff hex color

In a RGB color space, hex #0a50ff is composed of 3.9% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 222.9 degrees, a saturation of 100% and a lightness of 52%. #0a50ff color hex could be obtained by blending #14a0ff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 4
- G 31
- B 100
RGB color chart
- C 96
- M 69
- Y 0
- K 0
CMYK color chart

● #0a50ff color description : Vivid blue.

The hexadecimal color #0a50ff has RGB values of R:10, G:80, B:255 and CMYK values of C:0.96, M:0.69, Y:0, K:0. Its decimal value is 676095.

Hex triplet	0a50ff	`#0a50ff`
RGB Decimal	10, 80, 255	`rgb(10,80,255)`
RGB Percent	3.9, 31.4, 100	`rgb(3.9%,31.4%,100%)`
CMYK	96, 69, 0, 0
HSL	222.9°, 100, 52	`hsl(222.9,100%,52%)`
HSV (or HSB)	222.9°, 96.1, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.794, 49.043, -90.415
XYZ	21.04, 13.02, 96.006
xyY	0.162, 0.1, 13.02
CIE-LCH	42.794, 102.86, 298.476
CIE-LUV	42.794, -17.232, -131.291
Hunter-Lab	36.083, 40.937, -132.494
Binary	00001010, 01010000, 11111111

#0a50ff
```
#0a50ff rgb(10,80,255)
```
#ffb90a
```
#ffb90a rgb(255,185,10)
```

Complementary Color

#0acbff
```
#0acbff rgb(10,203,255)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```
#3e0aff
```
#3e0aff rgb(62,10,255)
```

Analogous Color

#cbff0a
```
#cbff0a rgb(203,255,10)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```
#ff3e0a
```
#ff3e0a rgb(255,62,10)
```

Split Complementary Color

#50ff0a
```
#50ff0a rgb(80,255,10)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```
#ff0a50
```
#ff0a50 rgb(255,10,80)
```

Triadic Color

#0affb9
```
#0affb9 rgb(10,255,185)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```
#ff0a50
```
#ff0a50 rgb(255,10,80)
```
#ffb90a
```
#ffb90a rgb(255,185,10)
```

Tetradic Color

#0036bd
```
#0036bd rgb(0,54,189)
```
#003dd6
```
#003dd6 rgb(0,61,214)
```
#0044f0
```
#0044f0 rgb(0,68,240)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```
#2462ff
```
#2462ff rgb(36,98,255)
```
#3d74ff
```
#3d74ff rgb(61,116,255)
```
#5787ff
```
#5787ff rgb(87,135,255)
```

Monochromatic Color

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

#0a8dff
```
#0a8dff rgb(10,141,255)
```
#0a79ff
```
#0a79ff rgb(10,121,255)
```
#0a64ff
```
#0a64ff rgb(10,100,255)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```
#0a3cff
```
#0a3cff rgb(10,60,255)
```
#0a27ff
```
#0a27ff rgb(10,39,255)
```
#0a13ff
```
#0a13ff rgb(10,19,255)
```

Similar Colors

Text with hexadecimal color #0a50ff

This text has a font color of #0a50ff.

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

#0a50ff background color

This paragraph has a background color of #0a50ff.

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

#0a50ff border color

This element has a border color of #0a50ff.

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

CSS codes

.text {color:#0a50ff;}

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

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

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, #00030a is the darkest color, while #f5f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#00081e
```
#00081e rgb(0,8,30)
```
#000e31
```
#000e31 rgb(0,14,49)
```
#001445
```
#001445 rgb(0,20,69)
```
#001958
```
#001958 rgb(0,25,88)
```
#001f6c
```
#001f6c rgb(0,31,108)
```
#002480
```
#002480 rgb(0,36,128)
```
#002a93
```
#002a93 rgb(0,42,147)
```
#0030a7
```
#0030a7 rgb(0,48,167)
```
#0035bb
```
#0035bb rgb(0,53,187)
```
#003bce
```
#003bce rgb(0,59,206)
```
#0041e2
```
#0041e2 rgb(0,65,226)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```

Shade Color Variation

#0a50ff
```
#0a50ff rgb(10,80,255)
```
#1e5eff
```
#1e5eff rgb(30,94,255)
```
#316cff
```
#316cff rgb(49,108,255)
```
#457aff
```
#457aff rgb(69,122,255)
```
#5888ff
```
#5888ff rgb(88,136,255)
```
#6c96ff
```
#6c96ff rgb(108,150,255)
```
#80a4ff
```
#80a4ff rgb(128,164,255)
```
#93b2ff
```
#93b2ff rgb(147,178,255)
```
#a7c0ff
```
#a7c0ff rgb(167,192,255)
```
#bbceff
```
#bbceff rgb(187,206,255)
```
#cedcff
```
#cedcff rgb(206,220,255)
```
#e2eaff
```
#e2eaff rgb(226,234,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#7b808e
```
#7b808e rgb(123,128,142)
```
#727c97
```
#727c97 rgb(114,124,151)
```
#6878a1
```
#6878a1 rgb(104,120,161)
```
#5f74aa
```
#5f74aa rgb(95,116,170)
```
#5570b4
```
#5570b4 rgb(85,112,180)
```
#4c6cbd
```
#4c6cbd rgb(76,108,189)
```
#4368c6
```
#4368c6 rgb(67,104,198)
```
#3964d0
```
#3964d0 rgb(57,100,208)
```
#3060d9
```
#3060d9 rgb(48,96,217)
```
#265ce3
```
#265ce3 rgb(38,92,227)
```
#1d58ec
```
#1d58ec rgb(29,88,236)
```
#1354f6
```
#1354f6 rgb(19,84,246)
```
#0a50ff
```
#0a50ff rgb(10,80,255)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#414f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#0070b2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0360df Protanomaly 1% of men, 0.01% of women
#0364ce Deuteranomaly 6% of men, 0.4% of women
#0369ac Tritanomaly 0.01% of the population

#0a50ff hex color

#0a50ff Color Information

#0a50ff Color Conversion

Color Schemes with #0a50ff

Alternatives to #0a50ff

#0a50ff Preview

Shades and Tints of #0a50ff

Tones of #0a50ff

Color Blindness Simulator