#5657a7 hex color

In a RGB color space, hex #5657a7 is composed of 33.7% red, 34.1% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 47.9% magenta, 0% yellow and 34.5% black. It has a hue angle of 239.3 degrees, a saturation of 32% and a lightness of 49.6%. #5657a7 color hex could be obtained by blending #acaeff with #00004f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 34
- B 65
RGB color chart
- C 49
- M 48
- Y 0
- K 35
CMYK color chart

● #5657a7 color description : Dark moderate blue.

The hexadecimal color #5657a7 has RGB values of R:86, G:87, B:167 and CMYK values of C:0.49, M:0.48, Y:0, K:0.35. Its decimal value is 5658535.

Hex triplet	5657a7	`#5657a7`
RGB Decimal	86, 87, 167	`rgb(86,87,167)`
RGB Percent	33.7, 34.1, 65.5	`rgb(33.7%,34.1%,65.5%)`
CMYK	49, 48, 0, 35
HSL	239.3°, 32, 49.6	`hsl(239.3,32%,49.6%)`
HSV (or HSB)	239.3°, 48.5, 65.5
Web Safe	666699	`#666699`

CIE-LAB	40.548, 21.691, -43.369
XYZ	14.22, 11.584, 38.044
xyY	0.223, 0.181, 11.584
CIE-LCH	40.548, 48.491, 296.572
CIE-LUV	40.548, -5.046, -64.962
Hunter-Lab	34.036, 15.012, -42.447
Binary	01010110, 01010111, 10100111

#5657a7
```
#5657a7 rgb(86,87,167)
```
#a7a656
```
#a7a656 rgb(167,166,86)
```

Complementary Color

#5680a7
```
#5680a7 rgb(86,128,167)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#7e56a7
```
#7e56a7 rgb(126,86,167)
```

Analogous Color

#80a756
```
#80a756 rgb(128,167,86)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#a77e56
```
#a77e56 rgb(167,126,86)
```

Split Complementary Color

#57a756
```
#57a756 rgb(87,167,86)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#a75657
```
#a75657 rgb(167,86,87)
```

Triadic Color

#56a7a6
```
#56a7a6 rgb(86,167,166)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#a75657
```
#a75657 rgb(167,86,87)
```
#a7a656
```
#a7a656 rgb(167,166,86)
```

Tetradic Color

#3c3d75
```
#3c3d75 rgb(60,61,117)
```
#454585
```
#454585 rgb(69,69,133)
```
#4d4e96
```
#4d4e96 rgb(77,78,150)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#6667b0
```
#6667b0 rgb(102,103,176)
```
#7778b9
```
#7778b9 rgb(119,120,185)
```
#8889c2
```
#8889c2 rgb(136,137,194)
```

Monochromatic Color

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

#566ba7
```
#566ba7 rgb(86,107,167)
```
#5665a7
```
#5665a7 rgb(86,101,167)
```
#565ea7
```
#565ea7 rgb(86,94,167)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#5c56a7
```
#5c56a7 rgb(92,86,167)
```
#6256a7
```
#6256a7 rgb(98,86,167)
```
#6956a7
```
#6956a7 rgb(105,86,167)
```

Similar Colors

Text with hexadecimal color #5657a7

This text has a font color of #5657a7.

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

#5657a7 background color

This paragraph has a background color of #5657a7.

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

#5657a7 border color

This element has a border color of #5657a7.

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

CSS codes

.text {color:#5657a7;}

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

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

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, #06060c is the darkest color, while #fefefe is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0d0d19
```
#0d0d19 rgb(13,13,25)
```
#131426
```
#131426 rgb(19,20,38)
```
#1a1a32
```
#1a1a32 rgb(26,26,50)
```
#21213f
```
#21213f rgb(33,33,63)
```
#27284c
```
#27284c rgb(39,40,76)
```
#2e2f59
```
#2e2f59 rgb(46,47,89)
```
#353566
```
#353566 rgb(53,53,102)
```
#3b3c73
```
#3b3c73 rgb(59,60,115)
```
#424380
```
#424380 rgb(66,67,128)
```
#494a8d
```
#494a8d rgb(73,74,141)
```
#4f509a
```
#4f509a rgb(79,80,154)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```

Shade Color Variation

#6263ae
```
#6263ae rgb(98,99,174)
```
#6f70b5
```
#6f70b5 rgb(111,112,181)
```
#7c7dbc
```
#7c7dbc rgb(124,125,188)
```
#898ac2
```
#898ac2 rgb(137,138,194)
```
#9697c9
```
#9697c9 rgb(150,151,201)
```
#a3a4d0
```
#a3a4d0 rgb(163,164,208)
```
#b0b0d6
```
#b0b0d6 rgb(176,176,214)
```
#bdbddd
```
#bdbddd rgb(189,189,221)
```
#cacae4
```
#cacae4 rgb(202,202,228)
```
#d7d7ea
```
#d7d7ea rgb(215,215,234)
```
#e4e4f1
```
#e4e4f1 rgb(228,228,241)
```
#f1f1f8
```
#f1f1f8 rgb(241,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7d80 is the less saturated color, while #080bf5 is the most saturated one.

#7d7d80
```
#7d7d80 rgb(125,125,128)
```
#73738a
```
#73738a rgb(115,115,138)
```
#696a94
```
#696a94 rgb(105,106,148)
```
#60609d
```
#60609d rgb(96,96,157)
```
#5657a7
```
#5657a7 rgb(86,87,167)
```
#4c4eb1
```
#4c4eb1 rgb(76,78,177)
```
#4344ba
```
#4344ba rgb(67,68,186)
```
#393bc4
```
#393bc4 rgb(57,59,196)
```
#2f31ce
```
#2f31ce rgb(47,49,206)
```
#2528d8
```
#2528d8 rgb(37,40,216)
```
#1c1ee1
```
#1c1ee1 rgb(28,30,225)
```
#1215eb
```
#1215eb rgb(18,21,235)
```
#080bf5
```
#080bf5 rgb(8,11,245)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5e5e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4065b0 Protanopia 1% of men
#3368a7 Deuteranopia 1% of men
#4a6d75 Tritanopia 0.001% of the population

Trichromacy

#4860ac Protanomaly 1% of men, 0.01% of women
#4062a7 Deuteranomaly 6% of men, 0.4% of women
#4e6587 Tritanomaly 0.01% of the population

#5657a7 hex color

#5657a7 Color Information

#5657a7 Color Conversion

Color Schemes with #5657a7

Alternatives to #5657a7

#5657a7 Preview

Shades and Tints of #5657a7

Tones of #5657a7

Color Blindness Simulator