#5657e8 hex color

In a RGB color space, hex #5657e8 is composed of 33.7% red, 34.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 62.5% magenta, 0% yellow and 9% black. It has a hue angle of 239.6 degrees, a saturation of 76% and a lightness of 62.4%. #5657e8 color hex could be obtained by blending #acaeff with #0000d1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 34
- B 91
RGB color chart
- C 63
- M 63
- Y 0
- K 9
CMYK color chart

● #5657e8 color description : Soft blue.

The hexadecimal color #5657e8 has RGB values of R:86, G:87, B:232 and CMYK values of C:0.63, M:0.63, Y:0, K:0.09. Its decimal value is 5658600.

Hex triplet	5657e8	`#5657e8`
RGB Decimal	86, 87, 232	`rgb(86,87,232)`
RGB Percent	33.7, 34.1, 91	`rgb(33.7%,34.1%,91%)`
CMYK	63, 63, 0, 9
HSL	239.6°, 76, 62.4	`hsl(239.6,76%,62.4%)`
HSV (or HSB)	239.6°, 62.9, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.109, 42.7, -73.603
XYZ	21.809, 14.62, 78.012
xyY	0.191, 0.128, 14.62
CIE-LCH	45.109, 85.092, 300.12
CIE-LUV	45.109, -8.353, -112.247
Hunter-Lab	38.236, 34.897, -94.203
Binary	01010110, 01010111, 11101000

#5657e8
```
#5657e8 rgb(86,87,232)
```
#e8e756
```
#e8e756 rgb(232,231,86)
```

Complementary Color

#56a0e8
```
#56a0e8 rgb(86,160,232)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#9e56e8
```
#9e56e8 rgb(158,86,232)
```

Analogous Color

#a0e856
```
#a0e856 rgb(160,232,86)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#e89e56
```
#e89e56 rgb(232,158,86)
```

Split Complementary Color

#57e856
```
#57e856 rgb(87,232,86)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#e85657
```
#e85657 rgb(232,86,87)
```

Triadic Color

#56e8e7
```
#56e8e7 rgb(86,232,231)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#e85657
```
#e85657 rgb(232,86,87)
```
#e8e756
```
#e8e756 rgb(232,231,86)
```

Tetradic Color

#1d1ed5
```
#1d1ed5 rgb(29,30,213)
```
#292ae2
```
#292ae2 rgb(41,42,226)
```
#4041e5
```
#4041e5 rgb(64,65,229)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#6c6deb
```
#6c6deb rgb(108,109,235)
```
#8384ee
```
#8384ee rgb(131,132,238)
```
#999af1
```
#999af1 rgb(153,154,241)
```

Monochromatic Color

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

#567ce8
```
#567ce8 rgb(86,124,232)
```
#566fe8
```
#566fe8 rgb(86,111,232)
```
#5663e8
```
#5663e8 rgb(86,99,232)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#6156e8
```
#6156e8 rgb(97,86,232)
```
#6d56e8
```
#6d56e8 rgb(109,86,232)
```
#7a56e8
```
#7a56e8 rgb(122,86,232)
```

Similar Colors

Text with hexadecimal color #5657e8

This text has a font color of #5657e8.

<span style="color:#5657e8;">Text here</span>

#5657e8 background color

This paragraph has a background color of #5657e8.

<p style="background-color:#5657e8;">Content here</p>

#5657e8 border color

This element has a border color of #5657e8.

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

CSS codes

.text {color:#5657e8;}

.background {background-color:#5657e8;}

.border {border:1px solid #5657e8;}

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

#000104
```
#000104 rgb(0,1,4)
```
#030315
```
#030315 rgb(3,3,21)
```
#050526
```
#050526 rgb(5,5,38)
```
#080837
```
#080837 rgb(8,8,55)
```
#0a0a49
```
#0a0a49 rgb(10,10,73)
```
#0c0d5a
```
#0c0d5a rgb(12,13,90)
```
#0f0f6b
```
#0f0f6b rgb(15,15,107)
```
#11127d
```
#11127d rgb(17,18,125)
```
#13148e
```
#13148e rgb(19,20,142)
```
#16179f
```
#16179f rgb(22,23,159)
```
#1819b0
```
#1819b0 rgb(24,25,176)
```
#1a1bc2
```
#1a1bc2 rgb(26,27,194)
```
#1d1ed3
```
#1d1ed3 rgb(29,30,211)
```

Shade Color Variation

#2224e1
```
#2224e1 rgb(34,36,225)
```
#3335e3
```
#3335e3 rgb(51,53,227)
```
#4546e6
```
#4546e6 rgb(69,70,230)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#6768ea
```
#6768ea rgb(103,104,234)
```
#7979ed
```
#7979ed rgb(121,121,237)
```
#8a8aef
```
#8a8aef rgb(138,138,239)
```
#9b9cf1
```
#9b9cf1 rgb(155,156,241)
```
#acadf4
```
#acadf4 rgb(172,173,244)
```
#bebef6
```
#bebef6 rgb(190,190,246)
```
#cfcff8
```
#cfcff8 rgb(207,207,248)
```
#e0e0fb
```
#e0e0fb rgb(224,224,251)
```
#f1f1fd
```
#f1f1fd rgb(241,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9899a6 is the less saturated color, while #4041fe is the most saturated one.

#9899a6
```
#9899a6 rgb(152,153,166)
```
#9191ad
```
#9191ad rgb(145,145,173)
```
#8a8ab4
```
#8a8ab4 rgb(138,138,180)
```
#8283bc
```
#8283bc rgb(130,131,188)
```
#7b7bc3
```
#7b7bc3 rgb(123,123,195)
```
#7474ca
```
#7474ca rgb(116,116,202)
```
#6c6dd2
```
#6c6dd2 rgb(108,109,210)
```
#6566d9
```
#6566d9 rgb(101,102,217)
```
#5d5ee1
```
#5d5ee1 rgb(93,94,225)
```
#5657e8
```
#5657e8 rgb(86,87,232)
```
#4f50ef
```
#4f50ef rgb(79,80,239)
```
#4748f7
```
#4748f7 rgb(71,72,247)
```
#4041fe
```
#4041fe rgb(64,65,254)
```

Tone Color Variation

Below, you can see how #5657e8 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

#676767 Achromatopsia 0.005% of the population
#646481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#1f66de Protanomaly 1% of men, 0.01% of women
#1f6acd Deuteranomaly 6% of men, 0.4% of women
#1f6fa9 Tritanomaly 0.01% of the population

#5657e8 hex color

#5657e8 Color Information

#5657e8 Color Conversion

Color Schemes with #5657e8

Alternatives to #5657e8

#5657e8 Preview

Shades and Tints of #5657e8

Tones of #5657e8

Color Blindness Simulator