#5657bc hex color

In a RGB color space, hex #5657bc is composed of 33.7% red, 34.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 53.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 239.4 degrees, a saturation of 43.2% and a lightness of 53.7%. #5657bc color hex could be obtained by blending #acaeff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 34
- B 74
RGB color chart
- C 54
- M 54
- Y 0
- K 26
CMYK color chart

● #5657bc color description : Moderate blue.

The hexadecimal color #5657bc has RGB values of R:86, G:87, B:188 and CMYK values of C:0.54, M:0.54, Y:0, K:0.26. Its decimal value is 5658556.

Hex triplet	5657bc	`#5657bc`
RGB Decimal	86, 87, 188	`rgb(86,87,188)`
RGB Percent	33.7, 34.1, 73.7	`rgb(33.7%,34.1%,73.7%)`
CMYK	54, 54, 0, 26
HSL	239.4°, 43.2, 53.7	`hsl(239.4,43.2%,53.7%)`
HSV (or HSB)	239.4°, 54.3, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.884, 28.413, -53.582
XYZ	16.321, 12.425, 49.112
xyY	0.21, 0.16, 12.425
CIE-LCH	41.884, 60.649, 297.936
CIE-LUV	41.884, -6.169, -81.056
Hunter-Lab	35.249, 20.964, -57.934
Binary	01010110, 01010111, 10111100

#5657bc
```
#5657bc rgb(86,87,188)
```
#bcbb56
```
#bcbb56 rgb(188,187,86)
```

Complementary Color

#568abc
```
#568abc rgb(86,138,188)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#8856bc
```
#8856bc rgb(136,86,188)
```

Analogous Color

#8abc56
```
#8abc56 rgb(138,188,86)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#bc8856
```
#bc8856 rgb(188,136,86)
```

Split Complementary Color

#57bc56
```
#57bc56 rgb(87,188,86)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#bc5657
```
#bc5657 rgb(188,86,87)
```

Triadic Color

#56bcbb
```
#56bcbb rgb(86,188,187)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#bc5657
```
#bc5657 rgb(188,86,87)
```
#bcbb56
```
#bcbb56 rgb(188,187,86)
```

Tetradic Color

#38398d
```
#38398d rgb(56,57,141)
```
#3f40a0
```
#3f40a0 rgb(63,64,160)
```
#4748b2
```
#4748b2 rgb(71,72,178)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#6869c3
```
#6869c3 rgb(104,105,195)
```
#7b7bca
```
#7b7bca rgb(123,123,202)
```
#8d8dd2
```
#8d8dd2 rgb(141,141,210)
```

Monochromatic Color

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

#5671bc
```
#5671bc rgb(86,113,188)
```
#5668bc
```
#5668bc rgb(86,104,188)
```
#5660bc
```
#5660bc rgb(86,96,188)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#5e56bc
```
#5e56bc rgb(94,86,188)
```
#6656bc
```
#6656bc rgb(102,86,188)
```
#6f56bc
```
#6f56bc rgb(111,86,188)
```

Similar Colors

Text with hexadecimal color #5657bc

This text has a font color of #5657bc.

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

#5657bc background color

This paragraph has a background color of #5657bc.

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

#5657bc border color

This element has a border color of #5657bc.

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

CSS codes

.text {color:#5657bc;}

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

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

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, #05050e is the darkest color, while #ffffff is the lightest one.

#05050e
```
#05050e rgb(5,5,14)
```
#0b0b1c
```
#0b0b1c rgb(11,11,28)
```
#11112a
```
#11112a rgb(17,17,42)
```
#161638
```
#161638 rgb(22,22,56)
```
#1c1c46
```
#1c1c46 rgb(28,28,70)
```
#212254
```
#212254 rgb(33,34,84)
```
#272762
```
#272762 rgb(39,39,98)
```
#2c2d70
```
#2c2d70 rgb(44,45,112)
```
#32337e
```
#32337e rgb(50,51,126)
```
#38388c
```
#38388c rgb(56,56,140)
```
#3d3e9a
```
#3d3e9a rgb(61,62,154)
```
#4344a8
```
#4344a8 rgb(67,68,168)
```
#4849b6
```
#4849b6 rgb(72,73,182)
```

Shade Color Variation

#5657bc
```
#5657bc rgb(86,87,188)
```
#6465c2
```
#6465c2 rgb(100,101,194)
```
#7273c7
```
#7273c7 rgb(114,115,199)
```
#8081cd
```
#8081cd rgb(128,129,205)
```
#8e8fd2
```
#8e8fd2 rgb(142,143,210)
```
#9c9dd8
```
#9c9dd8 rgb(156,157,216)
```
#aaabdd
```
#aaabdd rgb(170,171,221)
```
#b8b9e3
```
#b8b9e3 rgb(184,185,227)
```
#c6c7e9
```
#c6c7e9 rgb(198,199,233)
```
#d4d5ee
```
#d4d5ee rgb(212,213,238)
```
#e2e3f4
```
#e2e3f4 rgb(226,227,244)
```
#f1f1f9
```
#f1f1f9 rgb(241,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83838f is the less saturated color, while #1619fc is the most saturated one.

#83838f
```
#83838f rgb(131,131,143)
```
#7a7b98
```
#7a7b98 rgb(122,123,152)
```
#7172a1
```
#7172a1 rgb(113,114,161)
```
#6869aa
```
#6869aa rgb(104,105,170)
```
#5f60b3
```
#5f60b3 rgb(95,96,179)
```
#5657bc
```
#5657bc rgb(86,87,188)
```
#4d4ec5
```
#4d4ec5 rgb(77,78,197)
```
#4445ce
```
#4445ce rgb(68,69,206)
```
#3b3cd7
```
#3b3cd7 rgb(59,60,215)
```
#3233e0
```
#3233e0 rgb(50,51,224)
```
#292be9
```
#292be9 rgb(41,43,233)
```
#2022f2
```
#2022f2 rgb(32,34,242)
```
#1619fc
```
#1619fc rgb(22,25,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#606074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2367c6 Protanopia 1% of men
#006cb4 Deuteranopia 1% of men
#3f727a Tritanopia 0.001% of the population

Trichromacy

#3661c2 Protanomaly 1% of men, 0.01% of women
#1f64b7 Deuteranomaly 6% of men, 0.4% of women
#476892 Tritanomaly 0.01% of the population

#5657bc hex color

#5657bc Color Information

#5657bc Color Conversion

Color Schemes with #5657bc

Alternatives to #5657bc

#5657bc Preview

Shades and Tints of #5657bc

Tones of #5657bc

Color Blindness Simulator