#565aed hex color

In a RGB color space, hex #565aed is composed of 33.7% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 238.4 degrees, a saturation of 80.7% and a lightness of 63.3%. #565aed color hex could be obtained by blending #acb4ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 35
- B 93
RGB color chart
- C 64
- M 62
- Y 0
- K 7
CMYK color chart

● #565aed color description : Soft blue.

The hexadecimal color #565aed has RGB values of R:86, G:90, B:237 and CMYK values of C:0.64, M:0.62, Y:0, K:0.07. Its decimal value is 5659373.

Hex triplet	565aed	`#565aed`
RGB Decimal	86, 90, 237	`rgb(86,90,237)`
RGB Percent	33.7, 35.3, 92.9	`rgb(33.7%,35.3%,92.9%)`
CMYK	64, 62, 0, 7
HSL	238.4°, 80.7, 63.3	`hsl(238.4,80.7%,63.3%)`
HSV (or HSB)	238.4°, 63.7, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.183, 42.538, -74.669
XYZ	22.777, 15.404, 81.889
xyY	0.19, 0.128, 15.404
CIE-LCH	46.183, 85.935, 299.67
CIE-LUV	46.183, -9.272, -114.545
Hunter-Lab	39.248, 34.906, -96.232
Binary	01010110, 01011010, 11101101

#565aed
```
#565aed rgb(86,90,237)
```
#ede956
```
#ede956 rgb(237,233,86)
```

Complementary Color

#56a6ed
```
#56a6ed rgb(86,166,237)
```
#565aed
```
#565aed rgb(86,90,237)
```
#9e56ed
```
#9e56ed rgb(158,86,237)
```

Analogous Color

#a6ed56
```
#a6ed56 rgb(166,237,86)
```
#565aed
```
#565aed rgb(86,90,237)
```
#ed9e56
```
#ed9e56 rgb(237,158,86)
```

Split Complementary Color

#5aed56
```
#5aed56 rgb(90,237,86)
```
#565aed
```
#565aed rgb(86,90,237)
```
#ed565a
```
#ed565a rgb(237,86,90)
```

Triadic Color

#56ede9
```
#56ede9 rgb(86,237,233)
```
#565aed
```
#565aed rgb(86,90,237)
```
#ed565a
```
#ed565a rgb(237,86,90)
```
#ede956
```
#ede956 rgb(237,233,86)
```

Tetradic Color

#181ddf
```
#181ddf rgb(24,29,223)
```
#282de8
```
#282de8 rgb(40,45,232)
```
#3f44eb
```
#3f44eb rgb(63,68,235)
```
#565aed
```
#565aed rgb(86,90,237)
```
#6d71ef
```
#6d71ef rgb(109,113,239)
```
#8487f2
```
#8487f2 rgb(132,135,242)
```
#9b9ef4
```
#9b9ef4 rgb(155,158,244)
```

Monochromatic Color

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

#5680ed
```
#5680ed rgb(86,128,237)
```
#5673ed
```
#5673ed rgb(86,115,237)
```
#5667ed
```
#5667ed rgb(86,103,237)
```
#565aed
```
#565aed rgb(86,90,237)
```
#5f56ed
```
#5f56ed rgb(95,86,237)
```
#6b56ed
```
#6b56ed rgb(107,86,237)
```
#7856ed
```
#7856ed rgb(120,86,237)
```

Similar Colors

Text with hexadecimal color #565aed

This text has a font color of #565aed.

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

#565aed background color

This paragraph has a background color of #565aed.

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

#565aed border color

This element has a border color of #565aed.

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

CSS codes

.text {color:#565aed;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#03031a
```
#03031a rgb(3,3,26)
```
#05062c
```
#05062c rgb(5,6,44)
```
#07083d
```
#07083d rgb(7,8,61)
```
#080a4f
```
#080a4f rgb(8,10,79)
```
#0a0d61
```
#0a0d61 rgb(10,13,97)
```
#0c0f73
```
#0c0f73 rgb(12,15,115)
```
#0e1184
```
#0e1184 rgb(14,17,132)
```
#101496
```
#101496 rgb(16,20,150)
```
#1216a8
```
#1216a8 rgb(18,22,168)
```
#1418ba
```
#1418ba rgb(20,24,186)
```
#161acb
```
#161acb rgb(22,26,203)
```
#181ddd
```
#181ddd rgb(24,29,221)
```

Shade Color Variation

#2126e7
```
#2126e7 rgb(33,38,231)
```
#3337e9
```
#3337e9 rgb(51,55,233)
```
#4449eb
```
#4449eb rgb(68,73,235)
```
#565aed
```
#565aed rgb(86,90,237)
```
#686bef
```
#686bef rgb(104,107,239)
```
#797df1
```
#797df1 rgb(121,125,241)
```
#8b8ef3
```
#8b8ef3 rgb(139,142,243)
```
#9d9ff5
```
#9d9ff5 rgb(157,159,245)
```
#afb1f6
```
#afb1f6 rgb(175,177,246)
```
#c0c2f8
```
#c0c2f8 rgb(192,194,248)
```
#d2d3fa
```
#d2d3fa rgb(210,211,250)
```
#e4e4fc
```
#e4e4fc rgb(228,228,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#9e9ea5
```
#9e9ea5 rgb(158,158,165)
```
#9797ac
```
#9797ac rgb(151,151,172)
```
#9090b3
```
#9090b3 rgb(144,144,179)
```
#888abb
```
#888abb rgb(136,138,187)
```
#8183c2
```
#8183c2 rgb(129,131,194)
```
#7a7cc9
```
#7a7cc9 rgb(122,124,201)
```
#7375d0
```
#7375d0 rgb(115,117,208)
```
#6c6ed7
```
#6c6ed7 rgb(108,110,215)
```
#6468df
```
#6468df rgb(100,104,223)
```
#5d61e6
```
#5d61e6 rgb(93,97,230)
```
#565aed
```
#565aed rgb(86,90,237)
```
#4f53f4
```
#4f53f4 rgb(79,83,244)
```
#484cfb
```
#484cfb rgb(72,76,251)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#1f68e3 Protanomaly 1% of men, 0.01% of women
#1f6cd1 Deuteranomaly 6% of men, 0.4% of women
#1f72ad Tritanomaly 0.01% of the population

#565aed hex color

#565aed Color Information

#565aed Color Conversion

Color Schemes with #565aed

Alternatives to #565aed

#565aed Preview

Shades and Tints of #565aed

Tones of #565aed

Color Blindness Simulator