#5180f3 hex color

In a RGB color space, hex #5180f3 is composed of 31.8% red, 50.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 47.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 222.6 degrees, a saturation of 87.1% and a lightness of 63.5%. #5180f3 color hex could be obtained by blending #a2ffff with #0001e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 50
- B 95
RGB color chart
- C 67
- M 47
- Y 0
- K 5
CMYK color chart

● #5180f3 color description : Soft blue.

The hexadecimal color #5180f3 has RGB values of R:81, G:128, B:243 and CMYK values of C:0.67, M:0.47, Y:0, K:0.05. Its decimal value is 5341427.

Hex triplet	5180f3	`#5180f3`
RGB Decimal	81, 128, 243	`rgb(81,128,243)`
RGB Percent	31.8, 50.2, 95.3	`rgb(31.8%,50.2%,95.3%)`
CMYK	67, 47, 0, 5
HSL	222.6°, 87.1, 63.5	`hsl(222.6,87.1%,63.5%)`
HSV (or HSB)	222.6°, 66.7, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.743, 20.607, -62.544
XYZ	27.287, 23.657, 87.917
xyY	0.197, 0.17, 23.657
CIE-LCH	55.743, 65.851, 288.236
CIE-LUV	55.743, -20.909, -100.506
Hunter-Lab	48.638, 15.023, -73.124
Binary	01010001, 10000000, 11110011

#5180f3
```
#5180f3 rgb(81,128,243)
```
#f3c451
```
#f3c451 rgb(243,196,81)
```

Complementary Color

#51d1f3
```
#51d1f3 rgb(81,209,243)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#7351f3
```
#7351f3 rgb(115,81,243)
```

Analogous Color

#d1f351
```
#d1f351 rgb(209,243,81)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#f37351
```
#f37351 rgb(243,115,81)
```

Split Complementary Color

#80f351
```
#80f351 rgb(128,243,81)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#f35180
```
#f35180 rgb(243,81,128)
```

Triadic Color

#51f3c4
```
#51f3c4 rgb(81,243,196)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#f35180
```
#f35180 rgb(243,81,128)
```
#f3c451
```
#f3c451 rgb(243,196,81)
```

Tetradic Color

#104fe8
```
#104fe8 rgb(16,79,232)
```
#215df0
```
#215df0 rgb(33,93,240)
```
#396ff1
```
#396ff1 rgb(57,111,241)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#6991f5
```
#6991f5 rgb(105,145,245)
```
#81a3f6
```
#81a3f6 rgb(129,163,246)
```
#99b4f8
```
#99b4f8 rgb(153,180,248)
```

Monochromatic Color

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

#51a9f3
```
#51a9f3 rgb(81,169,243)
```
#519bf3
```
#519bf3 rgb(81,155,243)
```
#518ef3
```
#518ef3 rgb(81,142,243)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#5173f3
```
#5173f3 rgb(81,115,243)
```
#5165f3
```
#5165f3 rgb(81,101,243)
```
#5158f3
```
#5158f3 rgb(81,88,243)
```

Similar Colors

Text with hexadecimal color #5180f3

This text has a font color of #5180f3.

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

#5180f3 background color

This paragraph has a background color of #5180f3.

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

#5180f3 border color

This element has a border color of #5180f3.

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

CSS codes

.text {color:#5180f3;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#02091c
```
#02091c rgb(2,9,28)
```
#03102e
```
#03102e rgb(3,16,46)
```
#041641
```
#041641 rgb(4,22,65)
```
#061c53
```
#061c53 rgb(6,28,83)
```
#072265
```
#072265 rgb(7,34,101)
```
#082978
```
#082978 rgb(8,41,120)
```
#0a2f8a
```
#0a2f8a rgb(10,47,138)
```
#0b359c
```
#0b359c rgb(11,53,156)
```
#0c3baf
```
#0c3baf rgb(12,59,175)
```
#0d41c1
```
#0d41c1 rgb(13,65,193)
```
#0f48d3
```
#0f48d3 rgb(15,72,211)
```
#104ee6
```
#104ee6 rgb(16,78,230)
```

Shade Color Variation

#1a58ef
```
#1a58ef rgb(26,88,239)
```
#2c65f0
```
#2c65f0 rgb(44,101,240)
```
#3f73f2
```
#3f73f2 rgb(63,115,242)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#638df4
```
#638df4 rgb(99,141,244)
```
#769bf6
```
#769bf6 rgb(118,155,246)
```
#88a8f7
```
#88a8f7 rgb(136,168,247)
```
#9ab6f8
```
#9ab6f8 rgb(154,182,248)
```
#adc3f9
```
#adc3f9 rgb(173,195,249)
```
#bfd0fb
```
#bfd0fb rgb(191,208,251)
```
#d1defc
```
#d1defc rgb(209,222,252)
```
#e4ebfd
```
#e4ebfd rgb(228,235,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#a0a1a4
```
#a0a1a4 rgb(160,161,164)
```
#999eab
```
#999eab rgb(153,158,171)
```
#919bb3
```
#919bb3 rgb(145,155,179)
```
#8a98ba
```
#8a98ba rgb(138,152,186)
```
#8395c1
```
#8395c1 rgb(131,149,193)
```
#7c92c8
```
#7c92c8 rgb(124,146,200)
```
#758fcf
```
#758fcf rgb(117,143,207)
```
#6e8cd6
```
#6e8cd6 rgb(110,140,214)
```
#6689de
```
#6689de rgb(102,137,222)
```
#5f86e5
```
#5f86e5 rgb(95,134,229)
```
#5883ec
```
#5883ec rgb(88,131,236)
```
#5180f3
```
#5180f3 rgb(81,128,243)
```
#4a7dfa
```
#4a7dfa rgb(74,125,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#767f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c88f5 Protanopia 1% of men
#008eec Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#4e85f4 Protanomaly 1% of men, 0.01% of women
#1d89ee Deuteranomaly 6% of men, 0.4% of women
#1d90c0 Tritanomaly 0.01% of the population

#5180f3 hex color

#5180f3 Color Information

#5180f3 Color Conversion

Color Schemes with #5180f3

Alternatives to #5180f3

#5180f3 Preview

Shades and Tints of #5180f3

Tones of #5180f3

Color Blindness Simulator