#050af0 hex color

In a RGB color space, hex #050af0 is composed of 2% red, 3.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 95.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 238.7 degrees, a saturation of 95.9% and a lightness of 48%. #050af0 color hex could be obtained by blending #0a14ff with #0000e1. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 2
- G 4
- B 94
RGB color chart
- C 98
- M 96
- Y 0
- K 6
CMYK color chart

● #050af0 color description : Vivid blue.

The hexadecimal color #050af0 has RGB values of R:5, G:10, B:240 and CMYK values of C:0.98, M:0.96, Y:0, K:0.06. Its decimal value is 330480.

Hex triplet	050af0	`#050af0`
RGB Decimal	5, 10, 240	`rgb(5,10,240)`
RGB Percent	2, 3.9, 94.1	`rgb(2%,3.9%,94.1%)`
CMYK	98, 96, 0, 6
HSL	238.7°, 95.9, 48	`hsl(238.7,95.9%,48%)`
HSV (or HSB)	238.7°, 97.9, 94.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.734, 74.037, -102.018
XYZ	15.896, 6.539, 82.858
xyY	0.151, 0.062, 6.539
CIE-LCH	30.734, 126.052, 305.969
CIE-LUV	30.734, -8.975, -122.264
Hunter-Lab	25.572, 66.208, -174.208
Binary	00000101, 00001010, 11110000

#050af0
```
#050af0 rgb(5,10,240)
```
#f0eb05
```
#f0eb05 rgb(240,235,5)
```

Complementary Color

#0580f0
```
#0580f0 rgb(5,128,240)
```
#050af0
```
#050af0 rgb(5,10,240)
```
#7605f0
```
#7605f0 rgb(118,5,240)
```

Analogous Color

#80f005
```
#80f005 rgb(128,240,5)
```
#050af0
```
#050af0 rgb(5,10,240)
```
#f07605
```
#f07605 rgb(240,118,5)
```

Split Complementary Color

#0af005
```
#0af005 rgb(10,240,5)
```
#050af0
```
#050af0 rgb(5,10,240)
```
#f0050a
```
#f0050a rgb(240,5,10)
```

Triadic Color

#05f0eb
```
#05f0eb rgb(5,240,235)
```
#050af0
```
#050af0 rgb(5,10,240)
```
#f0050a
```
#f0050a rgb(240,5,10)
```
#f0eb05
```
#f0eb05 rgb(240,235,5)
```

Tetradic Color

#0307a5
```
#0307a5 rgb(3,7,165)
```
#0408be
```
#0408be rgb(4,8,190)
```
#0409d7
```
#0409d7 rgb(4,9,215)
```
#050af0
```
#050af0 rgb(5,10,240)
```
#1419fa
```
#1419fa rgb(20,25,250)
```
#2d32fb
```
#2d32fb rgb(45,50,251)
```
#464afb
```
#464afb rgb(70,74,251)
```

Monochromatic Color

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

#0545f0
```
#0545f0 rgb(5,69,240)
```
#0531f0
```
#0531f0 rgb(5,49,240)
```
#051ef0
```
#051ef0 rgb(5,30,240)
```
#050af0
```
#050af0 rgb(5,10,240)
```
#1405f0
```
#1405f0 rgb(20,5,240)
```
#2705f0
```
#2705f0 rgb(39,5,240)
```
#3b05f0
```
#3b05f0 rgb(59,5,240)
```

Similar Colors

Text with hexadecimal color #050af0

This text has a font color of #050af0.

<span style="color:#050af0;">Text here</span>

#050af0 background color

This paragraph has a background color of #050af0.

<p style="background-color:#050af0;">Content here</p>

#050af0 border color

This element has a border color of #050af0.

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

CSS codes

.text {color:#050af0;}

.background {background-color:#050af0;}

.border {border:1px solid #050af0;}

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

#000009
```
#000009 rgb(0,0,9)
```
#01011d
```
#01011d rgb(1,1,29)
```
#010230
```
#010230 rgb(1,2,48)
```
#010343
```
#010343 rgb(1,3,67)
```
#020456
```
#020456 rgb(2,4,86)
```
#020469
```
#020469 rgb(2,4,105)
```
#03057d
```
#03057d rgb(3,5,125)
```
#030690
```
#030690 rgb(3,6,144)
```
#0307a3
```
#0307a3 rgb(3,7,163)
```
#0408b6
```
#0408b6 rgb(4,8,182)
```
#0408ca
```
#0408ca rgb(4,8,202)
```
#0509dd
```
#0509dd rgb(5,9,221)
```
#050af0
```
#050af0 rgb(5,10,240)
```

Shade Color Variation

#0f14fa
```
#0f14fa rgb(15,20,250)
```
#2226fa
```
#2226fa rgb(34,38,250)
```
#3539fb
```
#3539fb rgb(53,57,251)
```
#484cfb
```
#484cfb rgb(72,76,251)
```
#5b5ffc
```
#5b5ffc rgb(91,95,252)
```
#6f72fc
```
#6f72fc rgb(111,114,252)
```
#8285fc
```
#8285fc rgb(130,133,252)
```
#9597fd
```
#9597fd rgb(149,151,253)
```
#a8aafd
```
#a8aafd rgb(168,170,253)
```
#bcbdfe
```
#bcbdfe rgb(188,189,254)
```
#cfd0fe
```
#cfd0fe rgb(207,208,254)
```
#e2e3fe
```
#e2e3fe rgb(226,227,254)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76767f is the less saturated color, while #050af0 is the most saturated one.

#76767f
```
#76767f rgb(118,118,127)
```
#6d6d88
```
#6d6d88 rgb(109,109,136)
```
#636492
```
#636492 rgb(99,100,146)
```
#5a5b9b
```
#5a5b9b rgb(90,91,155)
```
#5052a5
```
#5052a5 rgb(80,82,165)
```
#4749ae
```
#4749ae rgb(71,73,174)
```
#3e40b7
```
#3e40b7 rgb(62,64,183)
```
#3437c1
```
#3437c1 rgb(52,55,193)
```
#2b2eca
```
#2b2eca rgb(43,46,202)
```
#2125d4
```
#2125d4 rgb(33,37,212)
```
#181cdd
```
#181cdd rgb(24,28,221)
```
#0e13e7
```
#0e13e7 rgb(14,19,231)
```
#050af0
```
#050af0 rgb(5,10,240)
```

Tone Color Variation

Below, you can see how #050af0 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

#232323 Achromatopsia 0.005% of the population
#1d1e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005484 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#0136b9 Protanomaly 1% of men, 0.01% of women
#0139ab Deuteranomaly 6% of men, 0.4% of women
#013c92 Tritanomaly 0.01% of the population

#050af0 hex color

#050af0 Color Information

#050af0 Color Conversion

Color Schemes with #050af0

Alternatives to #050af0

#050af0 Preview

Shades and Tints of #050af0

Tones of #050af0

Color Blindness Simulator