#5e80fc hex color

In a RGB color space, hex #5e80fc is composed of 36.9% red, 50.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 49.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 227.1 degrees, a saturation of 96.3% and a lightness of 67.8%. #5e80fc color hex could be obtained by blending #bcffff with #0001f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 50
- B 99
RGB color chart
- C 63
- M 49
- Y 0
- K 1
CMYK color chart

● #5e80fc color description : Soft blue.

The hexadecimal color #5e80fc has RGB values of R:94, G:128, B:252 and CMYK values of C:0.63, M:0.49, Y:0, K:0.01. Its decimal value is 6193404.

Hex triplet	5e80fc	`#5e80fc`
RGB Decimal	94, 128, 252	`rgb(94,128,252)`
RGB Percent	36.9, 50.2, 98.8	`rgb(36.9%,50.2%,98.8%)`
CMYK	63, 49, 0, 1
HSL	227.1°, 96.3, 67.8	`hsl(227.1,96.3%,67.8%)`
HSV (or HSB)	227.1°, 62.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.924, 25.736, -65.587
XYZ	29.902, 24.845, 95.31
xyY	0.199, 0.166, 24.845
CIE-LCH	56.924, 70.456, 291.425
CIE-LUV	56.924, -17.846, -106.243
Hunter-Lab	49.844, 19.857, -78.48
Binary	01011110, 10000000, 11111100

#5e80fc
```
#5e80fc rgb(94,128,252)
```
#fcda5e
```
#fcda5e rgb(252,218,94)
```

Complementary Color

#5ecffc
```
#5ecffc rgb(94,207,252)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#8b5efc
```
#8b5efc rgb(139,94,252)
```

Analogous Color

#cffc5e
```
#cffc5e rgb(207,252,94)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#fc8b5e
```
#fc8b5e rgb(252,139,94)
```

Split Complementary Color

#80fc5e
```
#80fc5e rgb(128,252,94)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#fc5e80
```
#fc5e80 rgb(252,94,128)
```

Triadic Color

#5efcda
```
#5efcda rgb(94,252,218)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#fc5e80
```
#fc5e80 rgb(252,94,128)
```
#fcda5e
```
#fcda5e rgb(252,218,94)
```

Tetradic Color

#1345fb
```
#1345fb rgb(19,69,251)
```
#2c59fb
```
#2c59fb rgb(44,89,251)
```
#456cfc
```
#456cfc rgb(69,108,252)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#7794fc
```
#7794fc rgb(119,148,252)
```
#90a7fd
```
#90a7fd rgb(144,167,253)
```
#a9bbfd
```
#a9bbfd rgb(169,187,253)
```

Monochromatic Color

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

#5ea8fc
```
#5ea8fc rgb(94,168,252)
```
#5e9afc
```
#5e9afc rgb(94,154,252)
```
#5e8dfc
```
#5e8dfc rgb(94,141,252)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#5e73fc
```
#5e73fc rgb(94,115,252)
```
#5e66fc
```
#5e66fc rgb(94,102,252)
```
#645efc
```
#645efc rgb(100,94,252)
```

Similar Colors

Text with hexadecimal color #5e80fc

This text has a font color of #5e80fc.

<span style="color:#5e80fc;">Text here</span>

#5e80fc background color

This paragraph has a background color of #5e80fc.

<p style="background-color:#5e80fc;">Content here</p>

#5e80fc border color

This element has a border color of #5e80fc.

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

CSS codes

.text {color:#5e80fc;}

.background {background-color:#5e80fc;}

.border {border:1px solid #5e80fc;}

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#010720
```
#010720 rgb(1,7,32)
```
#010c33
```
#010c33 rgb(1,12,51)
```
#011046
```
#011046 rgb(1,16,70)
```
#021559
```
#021559 rgb(2,21,89)
```
#02196d
```
#02196d rgb(2,25,109)
```
#021d80
```
#021d80 rgb(2,29,128)
```
#032293
```
#032293 rgb(3,34,147)
```
#0326a6
```
#0326a6 rgb(3,38,166)
```
#032bba
```
#032bba rgb(3,43,186)
```
#042fcd
```
#042fcd rgb(4,47,205)
```
#0434e0
```
#0434e0 rgb(4,52,224)
```
#0538f3
```
#0538f3 rgb(5,56,243)
```

Shade Color Variation

#1143fb
```
#1143fb rgb(17,67,251)
```
#2452fb
```
#2452fb rgb(36,82,251)
```
#3762fb
```
#3762fb rgb(55,98,251)
```
#4b71fc
```
#4b71fc rgb(75,113,252)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```
#718ffc
```
#718ffc rgb(113,143,252)
```
#859efd
```
#859efd rgb(133,158,253)
```
#98aefd
```
#98aefd rgb(152,174,253)
```
#abbdfd
```
#abbdfd rgb(171,189,253)
```
#beccfe
```
#beccfe rgb(190,204,254)
```
#d2dbfe
```
#d2dbfe rgb(210,219,254)
```
#e5eaff
```
#e5eaff rgb(229,234,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#aaabb0
```
#aaabb0 rgb(170,171,176)
```
#a3a8b7
```
#a3a8b7 rgb(163,168,183)
```
#9da4bd
```
#9da4bd rgb(157,164,189)
```
#97a0c3
```
#97a0c3 rgb(151,160,195)
```
#909dca
```
#909dca rgb(144,157,202)
```
#8a99d0
```
#8a99d0 rgb(138,153,208)
```
#8496d6
```
#8496d6 rgb(132,150,214)
```
#7e92dc
```
#7e92dc rgb(126,146,220)
```
#778ee3
```
#778ee3 rgb(119,142,227)
```
#718be9
```
#718be9 rgb(113,139,233)
```
#6b87ef
```
#6b87ef rgb(107,135,239)
```
#6484f6
```
#6484f6 rgb(100,132,246)
```
#5e80fc
```
#5e80fc rgb(94,128,252)
```

Tone Color Variation

Below, you can see how #5e80fc 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

#848484 Achromatopsia 0.005% of the population
#7c839c Atypical Achromatopsia 0.001% of the population

Dichromacy

#468aff Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#1c9ca7 Tritanopia 0.001% of the population

Trichromacy

#4f86fd Protanomaly 1% of men, 0.01% of women
#228af5 Deuteranomaly 6% of men, 0.4% of women
#3492c6 Tritanomaly 0.01% of the population

#5e80fc hex color

#5e80fc Color Information

#5e80fc Color Conversion

Color Schemes with #5e80fc

Alternatives to #5e80fc

#5e80fc Preview

Shades and Tints of #5e80fc

Tones of #5e80fc

Color Blindness Simulator