#565aea hex color

In a RGB color space, hex #565aea is composed of 33.7% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 238.4 degrees, a saturation of 77.9% and a lightness of 62.7%. #565aea color hex could be obtained by blending #acb4ff with #0000d5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 35
- B 92
RGB color chart
- C 63
- M 62
- Y 0
- K 8
CMYK color chart

● #565aea color description : Soft blue.

The hexadecimal color #565aea has RGB values of R:86, G:90, B:234 and CMYK values of C:0.63, M:0.62, Y:0, K:0.08. Its decimal value is 5659370.

Hex triplet	565aea	`#565aea`
RGB Decimal	86, 90, 234	`rgb(86,90,234)`
RGB Percent	33.7, 35.3, 91.8	`rgb(33.7%,35.3%,91.8%)`
CMYK	63, 62, 0, 8
HSL	238.4°, 77.9, 62.7	`hsl(238.4,77.9%,62.7%)`
HSV (or HSB)	238.4°, 63.2, 91.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.948, 41.562, -73.363
XYZ	22.342, 15.23, 79.6
xyY	0.191, 0.13, 15.23
CIE-LCH	45.948, 84.318, 299.533
CIE-LUV	45.948, -9.141, -112.515
Hunter-Lab	39.026, 33.896, -93.614
Binary	01010110, 01011010, 11101010

#565aea
```
#565aea rgb(86,90,234)
```
#eae656
```
#eae656 rgb(234,230,86)
```

Complementary Color

#56a4ea
```
#56a4ea rgb(86,164,234)
```
#565aea
```
#565aea rgb(86,90,234)
```
#9c56ea
```
#9c56ea rgb(156,86,234)
```

Analogous Color

#a4ea56
```
#a4ea56 rgb(164,234,86)
```
#565aea
```
#565aea rgb(86,90,234)
```
#ea9c56
```
#ea9c56 rgb(234,156,86)
```

Split Complementary Color

#5aea56
```
#5aea56 rgb(90,234,86)
```
#565aea
```
#565aea rgb(86,90,234)
```
#ea565a
```
#ea565a rgb(234,86,90)
```

Triadic Color

#56eae6
```
#56eae6 rgb(86,234,230)
```
#565aea
```
#565aea rgb(86,90,234)
```
#ea565a
```
#ea565a rgb(234,86,90)
```
#eae656
```
#eae656 rgb(234,230,86)
```

Tetradic Color

#1b20d9
```
#1b20d9 rgb(27,32,217)
```
#292ee4
```
#292ee4 rgb(41,46,228)
```
#3f44e7
```
#3f44e7 rgb(63,68,231)
```
#565aea
```
#565aea rgb(86,90,234)
```
#6d70ed
```
#6d70ed rgb(109,112,237)
```
#8386f0
```
#8386f0 rgb(131,134,240)
```
#9a9cf2
```
#9a9cf2 rgb(154,156,242)
```

Monochromatic Color

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

#567fea
```
#567fea rgb(86,127,234)
```
#5673ea
```
#5673ea rgb(86,115,234)
```
#5666ea
```
#5666ea rgb(86,102,234)
```
#565aea
```
#565aea rgb(86,90,234)
```
#5e56ea
```
#5e56ea rgb(94,86,234)
```
#6b56ea
```
#6b56ea rgb(107,86,234)
```
#7756ea
```
#7756ea rgb(119,86,234)
```

Similar Colors

Text with hexadecimal color #565aea

This text has a font color of #565aea.

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

#565aea background color

This paragraph has a background color of #565aea.

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

#565aea border color

This element has a border color of #565aea.

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

CSS codes

.text {color:#565aea;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030317
```
#030317 rgb(3,3,23)
```
#050628
```
#050628 rgb(5,6,40)
```
#07093a
```
#07093a rgb(7,9,58)
```
#090b4b
```
#090b4b rgb(9,11,75)
```
#0c0e5d
```
#0c0e5d rgb(12,14,93)
```
#0e106e
```
#0e106e rgb(14,16,110)
```
#101380
```
#101380 rgb(16,19,128)
```
#121591
```
#121591 rgb(18,21,145)
```
#1418a3
```
#1418a3 rgb(20,24,163)
```
#161bb4
```
#161bb4 rgb(22,27,180)
```
#191dc5
```
#191dc5 rgb(25,29,197)
```
#1b20d7
```
#1b20d7 rgb(27,32,215)
```

Shade Color Variation

#2227e3
```
#2227e3 rgb(34,39,227)
```
#3338e6
```
#3338e6 rgb(51,56,230)
```
#4549e8
```
#4549e8 rgb(69,73,232)
```
#565aea
```
#565aea rgb(86,90,234)
```
#676bec
```
#676bec rgb(103,107,236)
```
#797cee
```
#797cee rgb(121,124,238)
```
#8a8df1
```
#8a8df1 rgb(138,141,241)
```
#9c9ef3
```
#9c9ef3 rgb(156,158,243)
```
#adaff5
```
#adaff5 rgb(173,175,245)
```
#bfc0f7
```
#bfc0f7 rgb(191,192,247)
```
#d0d1f9
```
#d0d1f9 rgb(208,209,249)
```
#e2e2fb
```
#e2e2fb rgb(226,226,251)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

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

#9f9fa1
```
#9f9fa1 rgb(159,159,161)
```
#9898a8
```
#9898a8 rgb(152,152,168)
```
#9091b0
```
#9091b0 rgb(144,145,176)
```
#898ab7
```
#898ab7 rgb(137,138,183)
```
#8283be
```
#8283be rgb(130,131,190)
```
#7b7dc5
```
#7b7dc5 rgb(123,125,197)
```
#7376cd
```
#7376cd rgb(115,118,205)
```
#6c6fd4
```
#6c6fd4 rgb(108,111,212)
```
#6568db
```
#6568db rgb(101,104,219)
```
#5d61e3
```
#5d61e3 rgb(93,97,227)
```
#565aea
```
#565aea rgb(86,90,234)
```
#4f53f1
```
#4f53f1 rgb(79,83,241)
```
#474cf9
```
#474cf9 rgb(71,76,249)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#1f68e1 Protanomaly 1% of men, 0.01% of women
#1f6ccf Deuteranomaly 6% of men, 0.4% of women
#1f72ac Tritanomaly 0.01% of the population

#565aea hex color

#565aea Color Information

#565aea Color Conversion

Color Schemes with #565aea

Alternatives to #565aea

#565aea Preview

Shades and Tints of #565aea

Tones of #565aea

Color Blindness Simulator