#5658e3 hex color

In a RGB color space, hex #5658e3 is composed of 33.7% red, 34.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 61.2% magenta, 0% yellow and 11% black. It has a hue angle of 239.1 degrees, a saturation of 71.6% and a lightness of 61.4%. #5658e3 color hex could be obtained by blending #acb0ff with #0000c7. Closest websafe color is: #6666cc.

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

● #5658e3 color description : Soft blue.

The hexadecimal color #5658e3 has RGB values of R:86, G:88, B:227 and CMYK values of C:0.62, M:0.61, Y:0, K:0.11. Its decimal value is 5658851.

Hex triplet	5658e3	`#5658e3`
RGB Decimal	86, 88, 227	`rgb(86,88,227)`
RGB Percent	33.7, 34.5, 89	`rgb(33.7%,34.5%,89%)`
CMYK	62, 61, 0, 11
HSL	239.1°, 71.6, 61.4	`hsl(239.1,71.6%,61.4%)`
HSV (or HSB)	239.1°, 62.1, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.946, 40.482, -71.04
XYZ	21.19, 14.503, 74.352
xyY	0.193, 0.132, 14.503
CIE-LCH	44.946, 81.765, 299.677
CIE-LUV	44.946, -8.352, -108.493
Hunter-Lab	38.083, 32.676, -89.098
Binary	01010110, 01011000, 11100011

#5658e3
```
#5658e3 rgb(86,88,227)
```
#e3e156
```
#e3e156 rgb(227,225,86)
```

Complementary Color

#569fe3
```
#569fe3 rgb(86,159,227)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#9b56e3
```
#9b56e3 rgb(155,86,227)
```

Analogous Color

#9fe356
```
#9fe356 rgb(159,227,86)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#e39b56
```
#e39b56 rgb(227,155,86)
```

Split Complementary Color

#58e356
```
#58e356 rgb(88,227,86)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#e35658
```
#e35658 rgb(227,86,88)
```

Triadic Color

#56e3e1
```
#56e3e1 rgb(86,227,225)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#e35658
```
#e35658 rgb(227,86,88)
```
#e3e156
```
#e3e156 rgb(227,225,86)
```

Tetradic Color

#2224cb
```
#2224cb rgb(34,36,203)
```
#2a2ddc
```
#2a2ddc rgb(42,45,220)
```
#4042df
```
#4042df rgb(64,66,223)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#6c6ee7
```
#6c6ee7 rgb(108,110,231)
```
#8283ea
```
#8283ea rgb(130,131,234)
```
#9899ee
```
#9899ee rgb(152,153,238)
```

Monochromatic Color

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

#567be3
```
#567be3 rgb(86,123,227)
```
#5670e3
```
#5670e3 rgb(86,112,227)
```
#5664e3
```
#5664e3 rgb(86,100,227)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#6056e3
```
#6056e3 rgb(96,86,227)
```
#6c56e3
```
#6c56e3 rgb(108,86,227)
```
#7756e3
```
#7756e3 rgb(119,86,227)
```

Similar Colors

Text with hexadecimal color #5658e3

This text has a font color of #5658e3.

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

#5658e3 background color

This paragraph has a background color of #5658e3.

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

#5658e3 border color

This element has a border color of #5658e3.

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

CSS codes

.text {color:#5658e3;}

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

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

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

#030310
```
#030310 rgb(3,3,16)
```
#050621
```
#050621 rgb(5,6,33)
```
#080932
```
#080932 rgb(8,9,50)
```
#0b0c43
```
#0b0c43 rgb(11,12,67)
```
#0e0f53
```
#0e0f53 rgb(14,15,83)
```
#111264
```
#111264 rgb(17,18,100)
```
#131575
```
#131575 rgb(19,21,117)
```
#161886
```
#161886 rgb(22,24,134)
```
#191b97
```
#191b97 rgb(25,27,151)
```
#1c1ea8
```
#1c1ea8 rgb(28,30,168)
```
#1f21b8
```
#1f21b8 rgb(31,33,184)
```
#2124c9
```
#2124c9 rgb(33,36,201)
```
#2427da
```
#2427da rgb(36,39,218)
```

Shade Color Variation

#3437dd
```
#3437dd rgb(52,55,221)
```
#4547e0
```
#4547e0 rgb(69,71,224)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#6769e6
```
#6769e6 rgb(103,105,230)
```
#7879e9
```
#7879e9 rgb(120,121,233)
```
#888aeb
```
#888aeb rgb(136,138,235)
```
#999bee
```
#999bee rgb(153,155,238)
```
#aaabf1
```
#aaabf1 rgb(170,171,241)
```
#bbbcf4
```
#bbbcf4 rgb(187,188,244)
```
#ccccf7
```
#ccccf7 rgb(204,204,247)
```
#ddddf9
```
#ddddf9 rgb(221,221,249)
```
#edeefc
```
#edeefc rgb(237,238,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9a9a9f
```
#9a9a9f rgb(154,154,159)
```
#9393a6
```
#9393a6 rgb(147,147,166)
```
#8b8cae
```
#8b8cae rgb(139,140,174)
```
#8384b6
```
#8384b6 rgb(131,132,182)
```
#7c7dbd
```
#7c7dbd rgb(124,125,189)
```
#7475c5
```
#7475c5 rgb(116,117,197)
```
#6d6ecc
```
#6d6ecc rgb(109,110,204)
```
#6567d4
```
#6567d4 rgb(101,103,212)
```
#5e5fdb
```
#5e5fdb rgb(94,95,219)
```
#5658e3
```
#5658e3 rgb(86,88,227)
```
#4e51eb
```
#4e51eb rgb(78,81,235)
```
#4749f2
```
#4749f2 rgb(71,73,242)
```
#3f42fa
```
#3f42fa rgb(63,66,250)
```

Tone Color Variation

Below, you can see how #5658e3 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
#0074bd Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#1f66dc Protanomaly 1% of men, 0.01% of women
#1f6acb Deuteranomaly 6% of men, 0.4% of women
#1f6fa7 Tritanomaly 0.01% of the population

#5658e3 hex color

#5658e3 Color Information

#5658e3 Color Conversion

Color Schemes with #5658e3

Alternatives to #5658e3

#5658e3 Preview

Shades and Tints of #5658e3

Tones of #5658e3

Color Blindness Simulator