#5a91e3 hex color

In a RGB color space, hex #5a91e3 is composed of 35.3% red, 56.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 36.1% magenta, 0% yellow and 11% black. It has a hue angle of 215.9 degrees, a saturation of 71% and a lightness of 62.2%. #5a91e3 color hex could be obtained by blending #b4ffff with #0023c7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 57
- B 89
RGB color chart
- C 60
- M 36
- Y 0
- K 11
CMYK color chart

● #5a91e3 color description : Soft blue.

The hexadecimal color #5a91e3 has RGB values of R:90, G:145, B:227 and CMYK values of C:0.6, M:0.36, Y:0, K:0.11. Its decimal value is 5935587.

Hex triplet	5a91e3	`#5a91e3`
RGB Decimal	90, 145, 227	`rgb(90,145,227)`
RGB Percent	35.3, 56.9, 89	`rgb(35.3%,56.9%,89%)`
CMYK	60, 36, 0, 11
HSL	215.9°, 71, 62.2	`hsl(215.9,71%,62.2%)`
HSV (or HSB)	215.9°, 60.4, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.861, 6.513, -47.068
XYZ	28.204, 27.969, 76.581
xyY	0.212, 0.211, 27.969
CIE-LCH	59.861, 47.517, 277.878
CIE-LUV	59.861, -24.371, -75.316
Hunter-Lab	52.886, 2.644, -48.835
Binary	01011010, 10010001, 11100011

#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#e3ac5a
```
#e3ac5a rgb(227,172,90)
```

Complementary Color

#5ad6e3
```
#5ad6e3 rgb(90,214,227)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#685ae3
```
#685ae3 rgb(104,90,227)
```

Analogous Color

#d6e35a
```
#d6e35a rgb(214,227,90)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#e3685a
```
#e3685a rgb(227,104,90)
```

Split Complementary Color

#91e35a
```
#91e35a rgb(145,227,90)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#e35a91
```
#e35a91 rgb(227,90,145)
```

Triadic Color

#5ae3ac
```
#5ae3ac rgb(90,227,172)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#e35a91
```
#e35a91 rgb(227,90,145)
```
#e3ac5a
```
#e3ac5a rgb(227,172,90)
```

Tetradic Color

#2367ce
```
#2367ce rgb(35,103,206)
```
#2e74dc
```
#2e74dc rgb(46,116,220)
```
#4482df
```
#4482df rgb(68,130,223)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#70a0e7
```
#70a0e7 rgb(112,160,231)
```
#86aeea
```
#86aeea rgb(134,174,234)
```
#9bbdee
```
#9bbdee rgb(155,189,238)
```

Monochromatic Color

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

#5ab3e3
```
#5ab3e3 rgb(90,179,227)
```
#5aa8e3
```
#5aa8e3 rgb(90,168,227)
```
#5a9ce3
```
#5a9ce3 rgb(90,156,227)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#5a86e3
```
#5a86e3 rgb(90,134,227)
```
#5a7ae3
```
#5a7ae3 rgb(90,122,227)
```
#5a6fe3
```
#5a6fe3 rgb(90,111,227)
```

Similar Colors

Text with hexadecimal color #5a91e3

This text has a font color of #5a91e3.

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

#5a91e3 background color

This paragraph has a background color of #5a91e3.

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

#5a91e3 border color

This element has a border color of #5a91e3.

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

CSS codes

.text {color:#5a91e3;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030a13
```
#030a13 rgb(3,10,19)
```
#061224
```
#061224 rgb(6,18,36)
```
#091b35
```
#091b35 rgb(9,27,53)
```
#0c2346
```
#0c2346 rgb(12,35,70)
```
#0f2c57
```
#0f2c57 rgb(15,44,87)
```
#123467
```
#123467 rgb(18,52,103)
```
#143c78
```
#143c78 rgb(20,60,120)
```
#174589
```
#174589 rgb(23,69,137)
```
#1a4d9a
```
#1a4d9a rgb(26,77,154)
```
#1d56aa
```
#1d56aa rgb(29,86,170)
```
#205ebb
```
#205ebb rgb(32,94,187)
```
#2367cc
```
#2367cc rgb(35,103,204)
```

Shade Color Variation

#286fda
```
#286fda rgb(40,111,218)
```
#387bdd
```
#387bdd rgb(56,123,221)
```
#4986e0
```
#4986e0 rgb(73,134,224)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#6b9ce6
```
#6b9ce6 rgb(107,156,230)
```
#7ca7e9
```
#7ca7e9 rgb(124,167,233)
```
#8cb3ec
```
#8cb3ec rgb(140,179,236)
```
#9dbeee
```
#9dbeee rgb(157,190,238)
```
#aec9f1
```
#aec9f1 rgb(174,201,241)
```
#bfd4f4
```
#bfd4f4 rgb(191,212,244)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#e0eafa
```
#e0eafa rgb(224,234,250)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9ea0 is the less saturated color, while #448df9 is the most saturated one.

#9d9ea0
```
#9d9ea0 rgb(157,158,160)
```
#959da8
```
#959da8 rgb(149,157,168)
```
#8e9baf
```
#8e9baf rgb(142,155,175)
```
#879ab6
```
#879ab6 rgb(135,154,182)
```
#7f98be
```
#7f98be rgb(127,152,190)
```
#7897c5
```
#7897c5 rgb(120,151,197)
```
#7095cd
```
#7095cd rgb(112,149,205)
```
#6994d4
```
#6994d4 rgb(105,148,212)
```
#6192dc
```
#6192dc rgb(97,146,220)
```
#5a91e3
```
#5a91e3 rgb(90,145,227)
```
#5390ea
```
#5390ea rgb(83,144,234)
```
#4b8ef2
```
#4b8ef2 rgb(75,142,242)
```
#448df9
```
#448df9 rgb(68,141,249)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#808b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7693e1 Protanopia 1% of men
#6596e4 Deuteranopia 1% of men
#41a2ae Tritanopia 0.001% of the population

Trichromacy

#6c92e2 Protanomaly 1% of men, 0.01% of women
#6194e4 Deuteranomaly 6% of men, 0.4% of women
#4a9cc1 Tritanomaly 0.01% of the population

#5a91e3 hex color

#5a91e3 Color Information

#5a91e3 Color Conversion

Color Schemes with #5a91e3

Alternatives to #5a91e3

#5a91e3 Preview

Shades and Tints of #5a91e3

Tones of #5a91e3

Color Blindness Simulator