#565ca7 hex color

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

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

● #565ca7 color description : Dark moderate blue.

The hexadecimal color #565ca7 has RGB values of R:86, G:92, B:167 and CMYK values of C:0.49, M:0.45, Y:0, K:0.35. Its decimal value is 5659815.

Hex triplet	565ca7	`#565ca7`
RGB Decimal	86, 92, 167	`rgb(86,92,167)`
RGB Percent	33.7, 36.1, 65.5	`rgb(33.7%,36.1%,65.5%)`
CMYK	49, 45, 0, 35
HSL	235.6°, 32, 49.6	`hsl(235.6,32%,49.6%)`
HSV (or HSB)	235.6°, 48.5, 65.5
Web Safe	666699	`#666699`

CIE-LAB	41.88, 18.533, -41.245
XYZ	14.639, 12.422, 38.183
xyY	0.224, 0.19, 12.422
CIE-LCH	41.88, 45.218, 294.196
CIE-LUV	41.88, -6.676, -62.067
Hunter-Lab	35.245, 12.458, -39.561
Binary	01010110, 01011100, 10100111

#565ca7
```
#565ca7 rgb(86,92,167)
```
#a7a156
```
#a7a156 rgb(167,161,86)
```

Complementary Color

#5685a7
```
#5685a7 rgb(86,133,167)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#7956a7
```
#7956a7 rgb(121,86,167)
```

Analogous Color

#85a756
```
#85a756 rgb(133,167,86)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#a77956
```
#a77956 rgb(167,121,86)
```

Split Complementary Color

#5ca756
```
#5ca756 rgb(92,167,86)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#a7565c
```
#a7565c rgb(167,86,92)
```

Triadic Color

#56a7a1
```
#56a7a1 rgb(86,167,161)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#a7565c
```
#a7565c rgb(167,86,92)
```
#a7a156
```
#a7a156 rgb(167,161,86)
```

Tetradic Color

#3c4075
```
#3c4075 rgb(60,64,117)
```
#454985
```
#454985 rgb(69,73,133)
```
#4d5396
```
#4d5396 rgb(77,83,150)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#666cb0
```
#666cb0 rgb(102,108,176)
```
#777cb9
```
#777cb9 rgb(119,124,185)
```
#888cc2
```
#888cc2 rgb(136,140,194)
```

Monochromatic Color

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

#5670a7
```
#5670a7 rgb(86,112,167)
```
#566aa7
```
#566aa7 rgb(86,106,167)
```
#5663a7
```
#5663a7 rgb(86,99,167)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#5756a7
```
#5756a7 rgb(87,86,167)
```
#5d56a7
```
#5d56a7 rgb(93,86,167)
```
#6456a7
```
#6456a7 rgb(100,86,167)
```

Similar Colors

Text with hexadecimal color #565ca7

This text has a font color of #565ca7.

<span style="color:#565ca7;">Text here</span>

#565ca7 background color

This paragraph has a background color of #565ca7.

<p style="background-color:#565ca7;">Content here</p>

#565ca7 border color

This element has a border color of #565ca7.

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

CSS codes

.text {color:#565ca7;}

.background {background-color:#565ca7;}

.border {border:1px solid #565ca7;}

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)
```
#0d0e19
```
#0d0e19 rgb(13,14,25)
```
#131526
```
#131526 rgb(19,21,38)
```
#1a1c32
```
#1a1c32 rgb(26,28,50)
```
#21233f
```
#21233f rgb(33,35,63)
```
#272a4c
```
#272a4c rgb(39,42,76)
```
#2e3159
```
#2e3159 rgb(46,49,89)
```
#353866
```
#353866 rgb(53,56,102)
```
#3b3f73
```
#3b3f73 rgb(59,63,115)
```
#424780
```
#424780 rgb(66,71,128)
```
#494e8d
```
#494e8d rgb(73,78,141)
```
#4f559a
```
#4f559a rgb(79,85,154)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```

Shade Color Variation

#6268ae
```
#6268ae rgb(98,104,174)
```
#6f74b5
```
#6f74b5 rgb(111,116,181)
```
#7c81bc
```
#7c81bc rgb(124,129,188)
```
#898dc2
```
#898dc2 rgb(137,141,194)
```
#969ac9
```
#969ac9 rgb(150,154,201)
```
#a3a6d0
```
#a3a6d0 rgb(163,166,208)
```
#b0b3d6
```
#b0b3d6 rgb(176,179,214)
```
#bdbfdd
```
#bdbfdd rgb(189,191,221)
```
#cacce4
```
#cacce4 rgb(202,204,228)
```
#d7d8ea
```
#d7d8ea rgb(215,216,234)
```
#e4e5f1
```
#e4e5f1 rgb(228,229,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 #081af5 is the most saturated one.

#7d7d80
```
#7d7d80 rgb(125,125,128)
```
#73758a
```
#73758a rgb(115,117,138)
```
#696d94
```
#696d94 rgb(105,109,148)
```
#60649d
```
#60649d rgb(96,100,157)
```
#565ca7
```
#565ca7 rgb(86,92,167)
```
#4c54b1
```
#4c54b1 rgb(76,84,177)
```
#434bba
```
#434bba rgb(67,75,186)
```
#3943c4
```
#3943c4 rgb(57,67,196)
```
#2f3bce
```
#2f3bce rgb(47,59,206)
```
#2533d8
```
#2533d8 rgb(37,51,216)
```
#1c2ae1
```
#1c2ae1 rgb(28,42,225)
```
#1222eb
```
#1222eb rgb(18,34,235)
```
#081af5
```
#081af5 rgb(8,26,245)
```

Tone Color Variation

Below, you can see how #565ca7 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

#636363 Achromatopsia 0.005% of the population
#606271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4968af Protanopia 1% of men
#3e6ba8 Deuteranopia 1% of men
#4b7078 Tritanopia 0.001% of the population

Trichromacy

#4d64ac Protanomaly 1% of men, 0.01% of women
#4665a8 Deuteranomaly 6% of men, 0.4% of women
#4f6989 Tritanomaly 0.01% of the population

#565ca7 hex color

#565ca7 Color Information

#565ca7 Color Conversion

Color Schemes with #565ca7

Alternatives to #565ca7

#565ca7 Preview

Shades and Tints of #565ca7

Tones of #565ca7

Color Blindness Simulator