#5658e5 hex color

In a RGB color space, hex #5658e5 is composed of 33.7% red, 34.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 61.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 239.2 degrees, a saturation of 73.3% and a lightness of 61.8%. #5658e5 color hex could be obtained by blending #acb0ff with #0000cb. Closest websafe color is: #6666cc.

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

● #5658e5 color description : Soft blue.

The hexadecimal color #5658e5 has RGB values of R:86, G:88, B:229 and CMYK values of C:0.62, M:0.62, Y:0, K:0.1. Its decimal value is 5658853.

Hex triplet	5658e5	`#5658e5`
RGB Decimal	86, 88, 229	`rgb(86,88,229)`
RGB Percent	33.7, 34.5, 89.8	`rgb(33.7%,34.5%,89.8%)`
CMYK	62, 62, 0, 10
HSL	239.2°, 73.3, 61.8	`hsl(239.2,73.3%,61.8%)`
HSV (or HSB)	239.2°, 62.4, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.101, 41.132, -71.92
XYZ	21.468, 14.614, 75.814
xyY	0.192, 0.131, 14.614
CIE-LCH	45.101, 82.851, 299.766
CIE-LUV	45.101, -8.445, -109.857
Hunter-Lab	38.228, 33.339, -90.824
Binary	01010110, 01011000, 11100101

#5658e5
```
#5658e5 rgb(86,88,229)
```
#e5e356
```
#e5e356 rgb(229,227,86)
```

Complementary Color

#56a0e5
```
#56a0e5 rgb(86,160,229)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#9c56e5
```
#9c56e5 rgb(156,86,229)
```

Analogous Color

#a0e556
```
#a0e556 rgb(160,229,86)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#e59c56
```
#e59c56 rgb(229,156,86)
```

Split Complementary Color

#58e556
```
#58e556 rgb(88,229,86)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#e55658
```
#e55658 rgb(229,86,88)
```

Triadic Color

#56e5e3
```
#56e5e3 rgb(86,229,227)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#e55658
```
#e55658 rgb(229,86,88)
```
#e5e356
```
#e5e356 rgb(229,227,86)
```

Tetradic Color

#2022cf
```
#2022cf rgb(32,34,207)
```
#2a2cde
```
#2a2cde rgb(42,44,222)
```
#4042e2
```
#4042e2 rgb(64,66,226)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#6c6ee8
```
#6c6ee8 rgb(108,110,232)
```
#8284ec
```
#8284ec rgb(130,132,236)
```
#989aef
```
#989aef rgb(152,154,239)
```

Monochromatic Color

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

#567ce5
```
#567ce5 rgb(86,124,229)
```
#5670e5
```
#5670e5 rgb(86,112,229)
```
#5664e5
```
#5664e5 rgb(86,100,229)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#6056e5
```
#6056e5 rgb(96,86,229)
```
#6c56e5
```
#6c56e5 rgb(108,86,229)
```
#7856e5
```
#7856e5 rgb(120,86,229)
```

Similar Colors

Text with hexadecimal color #5658e5

This text has a font color of #5658e5.

<span style="color:#5658e5;">Text here</span>

#5658e5 background color

This paragraph has a background color of #5658e5.

<p style="background-color:#5658e5;">Content here</p>

#5658e5 border color

This element has a border color of #5658e5.

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

CSS codes

.text {color:#5658e5;}

.background {background-color:#5658e5;}

.border {border:1px solid #5658e5;}

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

#000001
```
#000001 rgb(0,0,1)
```
#030312
```
#030312 rgb(3,3,18)
```
#050623
```
#050623 rgb(5,6,35)
```
#080934
```
#080934 rgb(8,9,52)
```
#0b0b45
```
#0b0b45 rgb(11,11,69)
```
#0d0e56
```
#0d0e56 rgb(13,14,86)
```
#101167
```
#101167 rgb(16,17,103)
```
#121478
```
#121478 rgb(18,20,120)
```
#151789
```
#151789 rgb(21,23,137)
```
#181a9a
```
#181a9a rgb(24,26,154)
```
#1a1cab
```
#1a1cab rgb(26,28,171)
```
#1d1fbc
```
#1d1fbc rgb(29,31,188)
```
#2022cd
```
#2022cd rgb(32,34,205)
```

Shade Color Variation

#2326dd
```
#2326dd rgb(35,38,221)
```
#3436e0
```
#3436e0 rgb(52,54,224)
```
#4547e2
```
#4547e2 rgb(69,71,226)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#6769e8
```
#6769e8 rgb(103,105,232)
```
#787aea
```
#787aea rgb(120,122,234)
```
#898aed
```
#898aed rgb(137,138,237)
```
#9a9bef
```
#9a9bef rgb(154,155,239)
```
#abacf2
```
#abacf2 rgb(171,172,242)
```
#bcbdf5
```
#bcbdf5 rgb(188,189,245)
```
#cdcef7
```
#cdcef7 rgb(205,206,247)
```
#dedefa
```
#dedefa rgb(222,222,250)
```
#efeffd
```
#efeffd rgb(239,239,253)
```

Tint Color Variation

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

#9a9aa2
```
#9a9aa2 rgb(154,154,162)
```
#9292a9
```
#9292a9 rgb(146,146,169)
```
#8b8bb1
```
#8b8bb1 rgb(139,139,177)
```
#8384b8
```
#8384b8 rgb(131,132,184)
```
#7c7cc0
```
#7c7cc0 rgb(124,124,192)
```
#7475c7
```
#7475c7 rgb(116,117,199)
```
#6d6ecf
```
#6d6ecf rgb(109,110,207)
```
#6567d6
```
#6567d6 rgb(101,103,214)
```
#5e5fde
```
#5e5fde rgb(94,95,222)
```
#5658e5
```
#5658e5 rgb(86,88,229)
```
#4f51ed
```
#4f51ed rgb(79,81,237)
```
#4749f4
```
#4749f4 rgb(71,73,244)
```
#4042fc
```
#4042fc rgb(64,66,252)
```

Tone Color Variation

Below, you can see how #5658e5 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

#676767 Achromatopsia 0.005% of the population
#646480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#1f66dd Protanomaly 1% of men, 0.01% of women
#1f6acc Deuteranomaly 6% of men, 0.4% of women
#1f6fa8 Tritanomaly 0.01% of the population

#5658e5 hex color

#5658e5 Color Information

#5658e5 Color Conversion

Color Schemes with #5658e5

Alternatives to #5658e5

#5658e5 Preview

Shades and Tints of #5658e5

Tones of #5658e5

Color Blindness Simulator