#5a6be6 hex color

In a RGB color space, hex #5a6be6 is composed of 35.3% red, 42% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 53.5% magenta, 0% yellow and 9.8% black. It has a hue angle of 232.7 degrees, a saturation of 73.7% and a lightness of 62.7%. #5a6be6 color hex could be obtained by blending #b4d6ff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 42
- B 90
RGB color chart
- C 61
- M 53
- Y 0
- K 10
CMYK color chart

● #5a6be6 color description : Soft blue.

The hexadecimal color #5a6be6 has RGB values of R:90, G:107, B:230 and CMYK values of C:0.61, M:0.53, Y:0, K:0.1. Its decimal value is 5925862.

Hex triplet	5a6be6	`#5a6be6`
RGB Decimal	90, 107, 230	`rgb(90,107,230)`
RGB Percent	35.3, 42, 90.2	`rgb(35.3%,42%,90.2%)`
CMYK	61, 53, 0, 10
HSL	232.7°, 73.7, 62.7	`hsl(232.7,73.7%,62.7%)`
HSV (or HSB)	232.7°, 60.9, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.979, 30.555, -64.551
XYZ	23.754, 18.401, 77.159
xyY	0.199, 0.154, 18.401
CIE-LCH	49.979, 71.418, 295.33
CIE-LUV	49.979, -12.334, -101.746
Hunter-Lab	42.896, 23.777, -76.618
Binary	01011010, 01101011, 11100110

#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#e6d55a
```
#e6d55a rgb(230,213,90)
```

Complementary Color

#5ab1e6
```
#5ab1e6 rgb(90,177,230)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#8f5ae6
```
#8f5ae6 rgb(143,90,230)
```

Analogous Color

#b1e65a
```
#b1e65a rgb(177,230,90)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#e68f5a
```
#e68f5a rgb(230,143,90)
```

Split Complementary Color

#6be65a
```
#6be65a rgb(107,230,90)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#e65a6b
```
#e65a6b rgb(230,90,107)
```

Triadic Color

#5ae6d5
```
#5ae6d5 rgb(90,230,213)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#e65a6b
```
#e65a6b rgb(230,90,107)
```
#e6d55a
```
#e6d55a rgb(230,213,90)
```

Tetradic Color

#2036d3
```
#2036d3 rgb(32,54,211)
```
#2e43df
```
#2e43df rgb(46,67,223)
```
#4457e3
```
#4457e3 rgb(68,87,227)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#707fe9
```
#707fe9 rgb(112,127,233)
```
#8693ed
```
#8693ed rgb(134,147,237)
```
#9ca7f0
```
#9ca7f0 rgb(156,167,240)
```

Monochromatic Color

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

#5a8ee6
```
#5a8ee6 rgb(90,142,230)
```
#5a82e6
```
#5a82e6 rgb(90,130,230)
```
#5a77e6
```
#5a77e6 rgb(90,119,230)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#5a5fe6
```
#5a5fe6 rgb(90,95,230)
```
#605ae6
```
#605ae6 rgb(96,90,230)
```
#6c5ae6
```
#6c5ae6 rgb(108,90,230)
```

Similar Colors

Text with hexadecimal color #5a6be6

This text has a font color of #5a6be6.

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

#5a6be6 background color

This paragraph has a background color of #5a6be6.

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

#5a6be6 border color

This element has a border color of #5a6be6.

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

CSS codes

.text {color:#5a6be6;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030616
```
#030616 rgb(3,6,22)
```
#060a27
```
#060a27 rgb(6,10,39)
```
#090e38
```
#090e38 rgb(9,14,56)
```
#0b1349
```
#0b1349 rgb(11,19,73)
```
#0e175b
```
#0e175b rgb(14,23,91)
```
#101b6c
```
#101b6c rgb(16,27,108)
```
#13207d
```
#13207d rgb(19,32,125)
```
#15248e
```
#15248e rgb(21,36,142)
```
#18289f
```
#18289f rgb(24,40,159)
```
#1b2db0
```
#1b2db0 rgb(27,45,176)
```
#1d31c1
```
#1d31c1 rgb(29,49,193)
```
#2035d2
```
#2035d2 rgb(32,53,210)
```

Shade Color Variation

#273dde
```
#273dde rgb(39,61,222)
```
#384ce1
```
#384ce1 rgb(56,76,225)
```
#495ce3
```
#495ce3 rgb(73,92,227)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#6b7ae9
```
#6b7ae9 rgb(107,122,233)
```
#7c8aeb
```
#7c8aeb rgb(124,138,235)
```
#8d99ee
```
#8d99ee rgb(141,153,238)
```
#9ea8f0
```
#9ea8f0 rgb(158,168,240)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#c0c7f5
```
#c0c7f5 rgb(192,199,245)
```
#d1d6f8
```
#d1d6f8 rgb(209,214,248)
```
#e2e5fb
```
#e2e5fb rgb(226,229,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

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

#9c9da4
```
#9c9da4 rgb(156,157,164)
```
#9497ac
```
#9497ac rgb(148,151,172)
```
#8d92b3
```
#8d92b3 rgb(141,146,179)
```
#868cba
```
#868cba rgb(134,140,186)
```
#7f87c1
```
#7f87c1 rgb(127,135,193)
```
#7781c9
```
#7781c9 rgb(119,129,201)
```
#707cd0
```
#707cd0 rgb(112,124,208)
```
#6976d7
```
#6976d7 rgb(105,118,215)
```
#6171df
```
#6171df rgb(97,113,223)
```
#5a6be6
```
#5a6be6 rgb(90,107,230)
```
#5365ed
```
#5365ed rgb(83,101,237)
```
#4b60f5
```
#4b60f5 rgb(75,96,245)
```
#445afc
```
#445afc rgb(68,90,252)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6f728b Atypical Achromatopsia 0.001% of the population

Dichromacy

#187aee Protanopia 1% of men
#0080d3 Deuteranopia 1% of men
#268993 Tritanopia 0.001% of the population

Trichromacy

#3074eb Protanomaly 1% of men, 0.01% of women
#2078da Deuteranomaly 6% of men, 0.4% of women
#387eb1 Tritanomaly 0.01% of the population

#5a6be6 hex color

#5a6be6 Color Information

#5a6be6 Color Conversion

Color Schemes with #5a6be6

Alternatives to #5a6be6

#5a6be6 Preview

Shades and Tints of #5a6be6

Tones of #5a6be6

Color Blindness Simulator