#5a6ee2 hex color

In a RGB color space, hex #5a6ee2 is composed of 35.3% red, 43.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 51.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.2 degrees, a saturation of 70.1% and a lightness of 62%. #5a6ee2 color hex could be obtained by blending #b4dcff with #0000c5. Closest websafe color is: #6666cc.

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

● #5a6ee2 color description : Soft blue.

The hexadecimal color #5a6ee2 has RGB values of R:90, G:110, B:226 and CMYK values of C:0.6, M:0.51, Y:0, K:0.11. Its decimal value is 5926626.

Hex triplet	5a6ee2	`#5a6ee2`
RGB Decimal	90, 110, 226	`rgb(90,110,226)`
RGB Percent	35.3, 43.1, 88.6	`rgb(35.3%,43.1%,88.6%)`
CMYK	60, 51, 0, 11
HSL	231.2°, 70.1, 62	`hsl(231.2,70.1%,62%)`
HSV (or HSB)	231.2°, 60.2, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.47, 27.385, -61.506
XYZ	23.517, 18.815, 74.34
xyY	0.202, 0.161, 18.815
CIE-LCH	50.47, 67.327, 294
CIE-LUV	50.47, -13.082, -97.161
Hunter-Lab	43.377, 20.866, -71.249
Binary	01011010, 01101110, 11100010

#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#e2ce5a
```
#e2ce5a rgb(226,206,90)
```

Complementary Color

#5ab2e2
```
#5ab2e2 rgb(90,178,226)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#8a5ae2
```
#8a5ae2 rgb(138,90,226)
```

Analogous Color

#b2e25a
```
#b2e25a rgb(178,226,90)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#e28a5a
```
#e28a5a rgb(226,138,90)
```

Split Complementary Color

#6ee25a
```
#6ee25a rgb(110,226,90)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#e25a6e
```
#e25a6e rgb(226,90,110)
```

Triadic Color

#5ae2ce
```
#5ae2ce rgb(90,226,206)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#e25a6e
```
#e25a6e rgb(226,90,110)
```
#e2ce5a
```
#e2ce5a rgb(226,206,90)
```

Tetradic Color

#243ccc
```
#243ccc rgb(36,60,204)
```
#2f48da
```
#2f48da rgb(47,72,218)
```
#445bde
```
#445bde rgb(68,91,222)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#7081e6
```
#7081e6 rgb(112,129,230)
```
#8594ea
```
#8594ea rgb(133,148,234)
```
#9ba7ed
```
#9ba7ed rgb(155,167,237)
```

Monochromatic Color

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

#5a90e2
```
#5a90e2 rgb(90,144,226)
```
#5a85e2
```
#5a85e2 rgb(90,133,226)
```
#5a79e2
```
#5a79e2 rgb(90,121,226)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#5a63e2
```
#5a63e2 rgb(90,99,226)
```
#5d5ae2
```
#5d5ae2 rgb(93,90,226)
```
#685ae2
```
#685ae2 rgb(104,90,226)
```

Similar Colors

Text with hexadecimal color #5a6ee2

This text has a font color of #5a6ee2.

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

#5a6ee2 background color

This paragraph has a background color of #5a6ee2.

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

#5a6ee2 border color

This element has a border color of #5a6ee2.

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

CSS codes

.text {color:#5a6ee2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030513
```
#030513 rgb(3,5,19)
```
#060a23
```
#060a23 rgb(6,10,35)
```
#090f34
```
#090f34 rgb(9,15,52)
```
#0c1445
```
#0c1445 rgb(12,20,69)
```
#0f1955
```
#0f1955 rgb(15,25,85)
```
#121e66
```
#121e66 rgb(18,30,102)
```
#152377
```
#152377 rgb(21,35,119)
```
#182887
```
#182887 rgb(24,40,135)
```
#1b2d98
```
#1b2d98 rgb(27,45,152)
```
#1e32a9
```
#1e32a9 rgb(30,50,169)
```
#2137b9
```
#2137b9 rgb(33,55,185)
```
#243cca
```
#243cca rgb(36,60,202)
```

Shade Color Variation

#2842d9
```
#2842d9 rgb(40,66,217)
```
#3951dc
```
#3951dc rgb(57,81,220)
```
#495fdf
```
#495fdf rgb(73,95,223)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#6b7de5
```
#6b7de5 rgb(107,125,229)
```
#7b8be8
```
#7b8be8 rgb(123,139,232)
```
#8c9aeb
```
#8c9aeb rgb(140,154,235)
```
#9da9ee
```
#9da9ee rgb(157,169,238)
```
#adb7f1
```
#adb7f1 rgb(173,183,241)
```
#bec6f4
```
#bec6f4 rgb(190,198,244)
```
#cfd5f7
```
#cfd5f7 rgb(207,213,247)
```
#dfe3f9
```
#dfe3f9 rgb(223,227,249)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

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

#9d9d9f
```
#9d9d9f rgb(157,157,159)
```
#9698a6
```
#9698a6 rgb(150,152,166)
```
#8e93ae
```
#8e93ae rgb(142,147,174)
```
#878eb5
```
#878eb5 rgb(135,142,181)
```
#7f88bd
```
#7f88bd rgb(127,136,189)
```
#7883c4
```
#7883c4 rgb(120,131,196)
```
#707ecc
```
#707ecc rgb(112,126,204)
```
#6979d3
```
#6979d3 rgb(105,121,211)
```
#6173db
```
#6173db rgb(97,115,219)
```
#5a6ee2
```
#5a6ee2 rgb(90,110,226)
```
#5369e9
```
#5369e9 rgb(83,105,233)
```
#4b63f1
```
#4b63f1 rgb(75,99,241)
```
#445ef8
```
#445ef8 rgb(68,94,248)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#70748b Atypical Achromatopsia 0.001% of the population

Dichromacy

#337be8 Protanopia 1% of men
#0081d6 Deuteranopia 1% of men
#2e8a94 Tritanopia 0.001% of the population

Trichromacy

#4176e6 Protanomaly 1% of men, 0.01% of women
#207ada Deuteranomaly 6% of men, 0.4% of women
#3e80b0 Tritanomaly 0.01% of the population

#5a6ee2 hex color

#5a6ee2 Color Information

#5a6ee2 Color Conversion

Color Schemes with #5a6ee2

Alternatives to #5a6ee2

#5a6ee2 Preview

Shades and Tints of #5a6ee2

Tones of #5a6ee2

Color Blindness Simulator