#050af5 hex color

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

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

● #050af5 color description : Vivid blue.

The hexadecimal color #050af5 has RGB values of R:5, G:10, B:245 and CMYK values of C:0.98, M:0.96, Y:0, K:0.04. Its decimal value is 330485.

Hex triplet	050af5	`#050af5`
RGB Decimal	5, 10, 245	`rgb(5,10,245)`
RGB Percent	2, 3.9, 96.1	`rgb(2%,3.9%,96.1%)`
CMYK	98, 96, 0, 4
HSL	238.8°, 96, 49	`hsl(238.8,96%,49%)`
HSV (or HSB)	238.8°, 98, 96.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.441, 75.274, -103.667
XYZ	16.649, 6.841, 86.824
xyY	0.151, 0.062, 6.841
CIE-LCH	31.441, 128.114, 305.984
CIE-LUV	31.441, -9.18, -125.158
Hunter-Lab	26.155, 67.858, -178.514
Binary	00000101, 00001010, 11110101

#050af5
```
#050af5 rgb(5,10,245)
```
#f5f005
```
#f5f005 rgb(245,240,5)
```

Complementary Color

#0582f5
```
#0582f5 rgb(5,130,245)
```
#050af5
```
#050af5 rgb(5,10,245)
```
#7805f5
```
#7805f5 rgb(120,5,245)
```

Analogous Color

#82f505
```
#82f505 rgb(130,245,5)
```
#050af5
```
#050af5 rgb(5,10,245)
```
#f57805
```
#f57805 rgb(245,120,5)
```

Split Complementary Color

#0af505
```
#0af505 rgb(10,245,5)
```
#050af5
```
#050af5 rgb(5,10,245)
```
#f5050a
```
#f5050a rgb(245,5,10)
```

Triadic Color

#05f5f0
```
#05f5f0 rgb(5,245,240)
```
#050af5
```
#050af5 rgb(5,10,245)
```
#f5050a
```
#f5050a rgb(245,5,10)
```
#f5f005
```
#f5f005 rgb(245,240,5)
```

Tetradic Color

#0307aa
```
#0307aa rgb(3,7,170)
```
#0408c3
```
#0408c3 rgb(4,8,195)
```
#0409dc
```
#0409dc rgb(4,9,220)
```
#050af5
```
#050af5 rgb(5,10,245)
```
#191efa
```
#191efa rgb(25,30,250)
```
#3236fb
```
#3236fb rgb(50,54,251)
```
#4b4ffb
```
#4b4ffb rgb(75,79,251)
```

Monochromatic Color

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

#0546f5
```
#0546f5 rgb(5,70,245)
```
#0532f5
```
#0532f5 rgb(5,50,245)
```
#051ef5
```
#051ef5 rgb(5,30,245)
```
#050af5
```
#050af5 rgb(5,10,245)
```
#1405f5
```
#1405f5 rgb(20,5,245)
```
#2805f5
```
#2805f5 rgb(40,5,245)
```
#3c05f5
```
#3c05f5 rgb(60,5,245)
```

Similar Colors

Text with hexadecimal color #050af5

This text has a font color of #050af5.

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

#050af5 background color

This paragraph has a background color of #050af5.

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

#050af5 border color

This element has a border color of #050af5.

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

CSS codes

.text {color:#050af5;}

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

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

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, #00010e is the darkest color, while #fafaff is the lightest one.

#00010e
```
#00010e rgb(0,1,14)
```
#010122
```
#010122 rgb(1,1,34)
```
#010235
```
#010235 rgb(1,2,53)
```
#010348
```
#010348 rgb(1,3,72)
```
#02045b
```
#02045b rgb(2,4,91)
```
#02056e
```
#02056e rgb(2,5,110)
```
#030582
```
#030582 rgb(3,5,130)
```
#030695
```
#030695 rgb(3,6,149)
```
#0307a8
```
#0307a8 rgb(3,7,168)
```
#0408bb
```
#0408bb rgb(4,8,187)
```
#0408cf
```
#0408cf rgb(4,8,207)
```
#0509e2
```
#0509e2 rgb(5,9,226)
```
#050af5
```
#050af5 rgb(5,10,245)
```

Shade Color Variation

#1318fa
```
#1318fa rgb(19,24,250)
```
#272bfb
```
#272bfb rgb(39,43,251)
```
#3a3efb
```
#3a3efb rgb(58,62,251)
```
#4d51fb
```
#4d51fb rgb(77,81,251)
```
#6064fc
```
#6064fc rgb(96,100,252)
```
#7476fc
```
#7476fc rgb(116,118,252)
```
#8789fd
```
#8789fd rgb(135,137,253)
```
#9a9cfd
```
#9a9cfd rgb(154,156,253)
```
#adaffd
```
#adaffd rgb(173,175,253)
```
#c0c2fe
```
#c0c2fe rgb(192,194,254)
```
#d4d5fe
```
#d4d5fe rgb(212,213,254)
```
#e7e7ff
```
#e7e7ff rgb(231,231,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#787982
```
#787982 rgb(120,121,130)
```
#6f6f8b
```
#6f6f8b rgb(111,111,139)
```
#656695
```
#656695 rgb(101,102,149)
```
#5c5d9e
```
#5c5d9e rgb(92,93,158)
```
#5254a8
```
#5254a8 rgb(82,84,168)
```
#484bb2
```
#484bb2 rgb(72,75,178)
```
#3f41bb
```
#3f41bb rgb(63,65,187)
```
#3538c5
```
#3538c5 rgb(53,56,197)
```
#2b2fcf
```
#2b2fcf rgb(43,47,207)
```
#2226d8
```
#2226d8 rgb(34,38,216)
```
#181ce2
```
#181ce2 rgb(24,28,226)
```
#0f13eb
```
#0f13eb rgb(15,19,235)
```
#050af5
```
#050af5 rgb(5,10,245)
```

Tone Color Variation

Below, you can see how #050af5 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
#1d1e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0137bd Protanomaly 1% of men, 0.01% of women
#013aaf Deuteranomaly 6% of men, 0.4% of women
#013e95 Tritanomaly 0.01% of the population

#050af5 hex color

#050af5 Color Information

#050af5 Color Conversion

Color Schemes with #050af5

Alternatives to #050af5

#050af5 Preview

Shades and Tints of #050af5

Tones of #050af5

Color Blindness Simulator