#5180f9 hex color

In a RGB color space, hex #5180f9 is composed of 31.8% red, 50.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 48.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 223.2 degrees, a saturation of 93.3% and a lightness of 64.7%. #5180f9 color hex could be obtained by blending #a2ffff with #0001f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 50
- B 98
RGB color chart
- C 67
- M 49
- Y 0
- K 2
CMYK color chart

● #5180f9 color description : Soft blue.

The hexadecimal color #5180f9 has RGB values of R:81, G:128, B:249 and CMYK values of C:0.67, M:0.49, Y:0, K:0.02. Its decimal value is 5341433.

Hex triplet	5180f9	`#5180f9`
RGB Decimal	81, 128, 249	`rgb(81,128,249)`
RGB Percent	31.8, 50.2, 97.6	`rgb(31.8%,50.2%,97.6%)`
CMYK	67, 49, 0, 2
HSL	223.2°, 93.3, 64.7	`hsl(223.2,93.3%,64.7%)`
HSV (or HSB)	223.2°, 67.5, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.113, 22.68, -65.269
XYZ	28.208, 24.025, 92.768
xyY	0.195, 0.166, 24.025
CIE-LCH	56.113, 69.097, 289.162
CIE-LUV	56.113, -20.9, -105.119
Hunter-Lab	49.016, 16.946, -77.902
Binary	01010001, 10000000, 11111001

#5180f9
```
#5180f9 rgb(81,128,249)
```
#f9ca51
```
#f9ca51 rgb(249,202,81)
```

Complementary Color

#51d4f9
```
#51d4f9 rgb(81,212,249)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#7651f9
```
#7651f9 rgb(118,81,249)
```

Analogous Color

#d4f951
```
#d4f951 rgb(212,249,81)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#f97651
```
#f97651 rgb(249,118,81)
```

Split Complementary Color

#80f951
```
#80f951 rgb(128,249,81)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#f95180
```
#f95180 rgb(249,81,128)
```

Triadic Color

#51f9ca
```
#51f9ca rgb(81,249,202)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#f95180
```
#f95180 rgb(249,81,128)
```
#f9ca51
```
#f9ca51 rgb(249,202,81)
```

Tetradic Color

#084bf5
```
#084bf5 rgb(8,75,245)
```
#205cf7
```
#205cf7 rgb(32,92,247)
```
#386ef8
```
#386ef8 rgb(56,110,248)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#6a92fa
```
#6a92fa rgb(106,146,250)
```
#82a4fb
```
#82a4fb rgb(130,164,251)
```
#9bb6fc
```
#9bb6fc rgb(155,182,252)
```

Monochromatic Color

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

#51aaf9
```
#51aaf9 rgb(81,170,249)
```
#519cf9
```
#519cf9 rgb(81,156,249)
```
#518ef9
```
#518ef9 rgb(81,142,249)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#5172f9
```
#5172f9 rgb(81,114,249)
```
#5164f9
```
#5164f9 rgb(81,100,249)
```
#5156f9
```
#5156f9 rgb(81,86,249)
```

Similar Colors

Text with hexadecimal color #5180f9

This text has a font color of #5180f9.

<span style="color:#5180f9;">Text here</span>

#5180f9 background color

This paragraph has a background color of #5180f9.

<p style="background-color:#5180f9;">Content here</p>

#5180f9 border color

This element has a border color of #5180f9.

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

CSS codes

.text {color:#5180f9;}

.background {background-color:#5180f9;}

.border {border:1px solid #5180f9;}

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

#010510
```
#010510 rgb(1,5,16)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#021036
```
#021036 rgb(2,16,54)
```
#021649
```
#021649 rgb(2,22,73)
```
#031c5b
```
#031c5b rgb(3,28,91)
```
#04226e
```
#04226e rgb(4,34,110)
```
#042781
```
#042781 rgb(4,39,129)
```
#052d94
```
#052d94 rgb(5,45,148)
```
#0633a7
```
#0633a7 rgb(6,51,167)
```
#0639ba
```
#0639ba rgb(6,57,186)
```
#073fcd
```
#073fcd rgb(7,63,205)
```
#0844e0
```
#0844e0 rgb(8,68,224)
```
#084af3
```
#084af3 rgb(8,74,243)
```

Shade Color Variation

#1856f7
```
#1856f7 rgb(24,86,247)
```
#2b64f8
```
#2b64f8 rgb(43,100,248)
```
#3e72f8
```
#3e72f8 rgb(62,114,248)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```
#648efa
```
#648efa rgb(100,142,250)
```
#779cfa
```
#779cfa rgb(119,156,250)
```
#8aaafb
```
#8aaafb rgb(138,170,251)
```
#9db7fc
```
#9db7fc rgb(157,183,252)
```
#b0c5fc
```
#b0c5fc rgb(176,197,252)
```
#c3d3fd
```
#c3d3fd rgb(195,211,253)
```
#d6e1fe
```
#d6e1fe rgb(214,225,254)
```
#e9effe
```
#e9effe rgb(233,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9da2ad
```
#9da2ad rgb(157,162,173)
```
#969eb4
```
#969eb4 rgb(150,158,180)
```
#8f9bbb
```
#8f9bbb rgb(143,155,187)
```
#8898c2
```
#8898c2 rgb(136,152,194)
```
#8195c9
```
#8195c9 rgb(129,149,201)
```
#7b92cf
```
#7b92cf rgb(123,146,207)
```
#748fd6
```
#748fd6 rgb(116,143,214)
```
#6d8cdd
```
#6d8cdd rgb(109,140,221)
```
#6689e4
```
#6689e4 rgb(102,137,228)
```
#5f86eb
```
#5f86eb rgb(95,134,235)
```
#5883f2
```
#5883f2 rgb(88,131,242)
```
#5180f9
```
#5180f9 rgb(81,128,249)
```

Tone Color Variation

Below, you can see how #5180f9 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

#808080 Achromatopsia 0.005% of the population
#778098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4588fb Protanopia 1% of men
#008fed Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#4985fa Protanomaly 1% of men, 0.01% of women
#1d89f1 Deuteranomaly 6% of men, 0.4% of women
#1d90c3 Tritanomaly 0.01% of the population

#5180f9 hex color

#5180f9 Color Information

#5180f9 Color Conversion

Color Schemes with #5180f9

Alternatives to #5180f9

#5180f9 Preview

Shades and Tints of #5180f9

Tones of #5180f9

Color Blindness Simulator