#5a83fe hex color

In a RGB color space, hex #5a83fe is composed of 35.3% red, 51.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 48.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 225 degrees, a saturation of 98.8% and a lightness of 67.5%. #5a83fe color hex could be obtained by blending #b4ffff with #0007fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 51
- B 100
RGB color chart
- C 65
- M 48
- Y 0
- K 0
CMYK color chart

● #5a83fe color description : Soft blue.

The hexadecimal color #5a83fe has RGB values of R:90, G:131, B:254 and CMYK values of C:0.65, M:0.48, Y:0, K:0. Its decimal value is 5932030.

Hex triplet	5a83fe	`#5a83fe`
RGB Decimal	90, 131, 254	`rgb(90,131,254)`
RGB Percent	35.3, 51.4, 99.6	`rgb(35.3%,51.4%,99.6%)`
CMYK	65, 48, 0, 0
HSL	225°, 98.8, 67.5	`hsl(225,98.8%,67.5%)`
HSV (or HSB)	225°, 64.6, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.617, 23.941, -65.583
XYZ	30.218, 25.56, 97.102
xyY	0.198, 0.167, 25.56
CIE-LCH	57.617, 69.816, 290.054
CIE-LUV	57.617, -19.752, -106.363
Hunter-Lab	50.557, 18.216, -78.484
Binary	01011010, 10000011, 11111110

#5a83fe
```
#5a83fe rgb(90,131,254)
```
#fed55a
```
#fed55a rgb(254,213,90)
```

Complementary Color

#5ad5fe
```
#5ad5fe rgb(90,213,254)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#835afe
```
#835afe rgb(131,90,254)
```

Analogous Color

#d5fe5a
```
#d5fe5a rgb(213,254,90)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#fe835a
```
#fe835a rgb(254,131,90)
```

Split Complementary Color

#83fe5a
```
#83fe5a rgb(131,254,90)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#fe5a83
```
#fe5a83 rgb(254,90,131)
```

Triadic Color

#5afed5
```
#5afed5 rgb(90,254,213)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#fe5a83
```
#fe5a83 rgb(254,90,131)
```
#fed55a
```
#fed55a rgb(254,213,90)
```

Tetradic Color

#0e4afe
```
#0e4afe rgb(14,74,254)
```
#275dfe
```
#275dfe rgb(39,93,254)
```
#4170fe
```
#4170fe rgb(65,112,254)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#7396fe
```
#7396fe rgb(115,150,254)
```
#8da9fe
```
#8da9fe rgb(141,169,254)
```
#a6bcfe
```
#a6bcfe rgb(166,188,254)
```

Monochromatic Color

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

#5aacfe
```
#5aacfe rgb(90,172,254)
```
#5a9efe
```
#5a9efe rgb(90,158,254)
```
#5a91fe
```
#5a91fe rgb(90,145,254)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#5a75fe
```
#5a75fe rgb(90,117,254)
```
#5a68fe
```
#5a68fe rgb(90,104,254)
```
#5a5afe
```
#5a5afe rgb(90,90,254)
```

Similar Colors

Text with hexadecimal color #5a83fe

This text has a font color of #5a83fe.

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

#5a83fe background color

This paragraph has a background color of #5a83fe.

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

#5a83fe border color

This element has a border color of #5a83fe.

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

CSS codes

.text {color:#5a83fe;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#00081e
```
#00081e rgb(0,8,30)
```
#000d31
```
#000d31 rgb(0,13,49)
```
#001245
```
#001245 rgb(0,18,69)
```
#011758
```
#011758 rgb(1,23,88)
```
#011b6c
```
#011b6c rgb(1,27,108)
```
#01207f
```
#01207f rgb(1,32,127)
```
#012593
```
#012593 rgb(1,37,147)
```
#012aa6
```
#012aa6 rgb(1,42,166)
```
#012fba
```
#012fba rgb(1,47,186)
```
#0134cd
```
#0134cd rgb(1,52,205)
```
#0139e1
```
#0139e1 rgb(1,57,225)
```
#013ef4
```
#013ef4 rgb(1,62,244)
```

Shade Color Variation

#0c48fe
```
#0c48fe rgb(12,72,254)
```
#2057fe
```
#2057fe rgb(32,87,254)
```
#3366fe
```
#3366fe rgb(51,102,254)
```
#4774fe
```
#4774fe rgb(71,116,254)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```
#6d92fe
```
#6d92fe rgb(109,146,254)
```
#81a0fe
```
#81a0fe rgb(129,160,254)
```
#94affe
```
#94affe rgb(148,175,254)
```
#a8befe
```
#a8befe rgb(168,190,254)
```
#bbccff
```
#bbccff rgb(187,204,255)
```
#cfdbff
```
#cfdbff rgb(207,219,255)
```
#e2eaff
```
#e2eaff rgb(226,234,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#a7a9b1
```
#a7a9b1 rgb(167,169,177)
```
#a0a6b8
```
#a0a6b8 rgb(160,166,184)
```
#9aa3be
```
#9aa3be rgb(154,163,190)
```
#93a0c5
```
#93a0c5 rgb(147,160,197)
```
#8d9dcb
```
#8d9dcb rgb(141,157,203)
```
#8799d1
```
#8799d1 rgb(135,153,209)
```
#8096d8
```
#8096d8 rgb(128,150,216)
```
#7a93de
```
#7a93de rgb(122,147,222)
```
#7490e4
```
#7490e4 rgb(116,144,228)
```
#6d8deb
```
#6d8deb rgb(109,141,235)
```
#6789f1
```
#6789f1 rgb(103,137,241)
```
#6086f8
```
#6086f8 rgb(96,134,248)
```
#5a83fe
```
#5a83fe rgb(90,131,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7c859d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8cff Protanopia 1% of men
#0092f4 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#5189fe Protanomaly 1% of men, 0.01% of women
#208df7 Deuteranomaly 6% of men, 0.4% of women
#2094c8 Tritanomaly 0.01% of the population

#5a83fe hex color

#5a83fe Color Information

#5a83fe Color Conversion

Color Schemes with #5a83fe

Alternatives to #5a83fe

#5a83fe Preview

Shades and Tints of #5a83fe

Tones of #5a83fe

Color Blindness Simulator