colorhexa.com

#050af7 hex color

In a RGB color space, hex #050af7 is composed of 2% red, 3.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 96% magenta, 0% yellow and 3.1% black. It has a hue angle of 238.8 degrees, a saturation of 96% and a lightness of 49.4%. #050af7 color hex could be obtained by blending #0a14ff with #0000ef. Closest websafe color is: #0000ff.

- R 2
- G 4
- B 97
RGB color chart
- C 98
- M 96
- Y 0
- K 3
CMYK color chart

● #050af7 color description : Vivid blue.

The hexadecimal color #050af7 has RGB values of R:5, G:10, B:247 and CMYK values of C:0.98, M:0.96, Y:0, K:0.03. Its decimal value is 330487.

Hex triplet	050af7	`#050af7`
RGB Decimal	5, 10, 247	`rgb(5,10,247)`
RGB Percent	2, 3.9, 96.9	`rgb(2%,3.9%,96.9%)`
CMYK	98, 96, 0, 3
HSL	238.8°, 96, 49.4	`hsl(238.8,96%,49.4%)`
HSV (or HSB)	238.8°, 98, 96.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.723, 75.767, -104.325
XYZ	16.956, 6.963, 88.441
xyY	0.151, 0.062, 6.963
CIE-LCH	31.723, 128.935, 305.989
CIE-LUV	31.723, -9.262, -126.313
Hunter-Lab	26.388, 68.519, -180.24
Binary	00000101, 00001010, 11110111

#050af7
```
#050af7 rgb(5,10,247)
```
#f7f205
```
#f7f205 rgb(247,242,5)
```

Complementary Color

#0583f7
```
#0583f7 rgb(5,131,247)
```
#050af7
```
#050af7 rgb(5,10,247)
```
#7905f7
```
#7905f7 rgb(121,5,247)
```

Analogous Color

#83f705
```
#83f705 rgb(131,247,5)
```
#050af7
```
#050af7 rgb(5,10,247)
```
#f77905
```
#f77905 rgb(247,121,5)
```

Split Complementary Color

#0307ac
```
#0307ac rgb(3,7,172)
```
#0408c5
```
#0408c5 rgb(4,8,197)
```
#0409de
```
#0409de rgb(4,9,222)
```
#050af7
```
#050af7 rgb(5,10,247)
```
#1b20fa
```
#1b20fa rgb(27,32,250)
```
#3438fb
```
#3438fb rgb(52,56,251)
```
#4d51fb
```
#4d51fb rgb(77,81,251)
```

Monochromatic Color

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

#0546f7
```
#0546f7 rgb(5,70,247)
```
#0532f7
```
#0532f7 rgb(5,50,247)
```
#051ef7
```
#051ef7 rgb(5,30,247)
```
#050af7
```
#050af7 rgb(5,10,247)
```
#1405f7
```
#1405f7 rgb(20,5,247)
```
#2805f7
```
#2805f7 rgb(40,5,247)
```
#3c05f7
```
#3c05f7 rgb(60,5,247)
```

Similar Colors

Text with hexadecimal color #050af7

This text has a font color of #050af7.

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

#050af7 background color

This paragraph has a background color of #050af7.

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

#050af7 border color

This element has a border color of #050af7.

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

CSS codes

.text {color:#050af7;}

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

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

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

#000110
```
#000110 rgb(0,1,16)
```
#010124
```
#010124 rgb(1,1,36)
```
#010237
```
#010237 rgb(1,2,55)
```
#01034a
```
#01034a rgb(1,3,74)
```
#02045d
```
#02045d rgb(2,4,93)
```
#020570
```
#020570 rgb(2,5,112)
```
#030584
```
#030584 rgb(3,5,132)
```
#030697
```
#030697 rgb(3,6,151)
```
#0307aa
```
#0307aa rgb(3,7,170)
```
#0408bd
```
#0408bd rgb(4,8,189)
```
#0408d1
```
#0408d1 rgb(4,8,209)
```
#0509e4
```
#0509e4 rgb(5,9,228)
```
#050af7
```
#050af7 rgb(5,10,247)
```

Shade Color Variation

#151afa
```
#151afa rgb(21,26,250)
```
#292dfb
```
#292dfb rgb(41,45,251)
```
#3c40fb
```
#3c40fb rgb(60,64,251)
```
#4f53fb
```
#4f53fb rgb(79,83,251)
```
#6265fc
```
#6265fc rgb(98,101,252)
```
#7578fc
```
#7578fc rgb(117,120,252)
```
#898bfd
```
#898bfd rgb(137,139,253)
```
#9c9efd
```
#9c9efd rgb(156,158,253)
```
#afb1fd
```
#afb1fd rgb(175,177,253)
```
#c2c4fe
```
#c2c4fe rgb(194,196,254)
```
#d6d6fe
```
#d6d6fe rgb(214,214,254)
```
#e9e9ff
```
#e9e9ff rgb(233,233,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#797a83
```
#797a83 rgb(121,122,131)
```
#70708c
```
#70708c rgb(112,112,140)
```
#666796
```
#666796 rgb(102,103,150)
```
#5c5ea0
```
#5c5ea0 rgb(92,94,160)
```
#5354a9
```
#5354a9 rgb(83,84,169)
```
#494bb3
```
#494bb3 rgb(73,75,179)
```
#3f42bd
```
#3f42bd rgb(63,66,189)
```
#3538c7
```
#3538c7 rgb(53,56,199)
```
#2c2fd0
```
#2c2fd0 rgb(44,47,208)
```
#2226da
```
#2226da rgb(34,38,218)
```
#181de4
```
#181de4 rgb(24,29,228)
```
#0f13ed
```
#0f13ed rgb(15,19,237)
```
#050af7
```
#050af7 rgb(5,10,247)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#1e1f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0137be Protanomaly 1% of men, 0.01% of women
#013ab0 Deuteranomaly 6% of men, 0.4% of women
#013e96 Tritanomaly 0.01% of the population