#5658d3 hex color

In a RGB color space, hex #5658d3 is composed of 33.7% red, 34.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 58.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 239 degrees, a saturation of 58.7% and a lightness of 58.2%. #5658d3 color hex could be obtained by blending #acb0ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 35
- B 83
RGB color chart
- C 59
- M 58
- Y 0
- K 17
CMYK color chart

● #5658d3 color description : Moderate blue.

The hexadecimal color #5658d3 has RGB values of R:86, G:88, B:211 and CMYK values of C:0.59, M:0.58, Y:0, K:0.17. Its decimal value is 5658835.

Hex triplet	5658d3	`#5658d3`
RGB Decimal	86, 88, 211	`rgb(86,88,211)`
RGB Percent	33.7, 34.5, 82.7	`rgb(33.7%,34.5%,82.7%)`
CMYK	59, 58, 0, 17
HSL	239°, 58.7, 58.2	`hsl(239,58.7%,58.2%)`
HSV (or HSB)	239°, 59.2, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.742, 35.272, -63.879
XYZ	19.083, 13.66, 63.256
xyY	0.199, 0.142, 13.66
CIE-LCH	43.742, 72.97, 298.906
CIE-LUV	43.742, -7.593, -97.35
Hunter-Lab	36.96, 27.484, -75.601
Binary	01010110, 01011000, 11010011

#5658d3
```
#5658d3 rgb(86,88,211)
```
#d3d156
```
#d3d156 rgb(211,209,86)
```

Complementary Color

#5697d3
```
#5697d3 rgb(86,151,211)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#9356d3
```
#9356d3 rgb(147,86,211)
```

Analogous Color

#97d356
```
#97d356 rgb(151,211,86)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#d39356
```
#d39356 rgb(211,147,86)
```

Split Complementary Color

#58d356
```
#58d356 rgb(88,211,86)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#d35658
```
#d35658 rgb(211,86,88)
```

Triadic Color

#56d3d1
```
#56d3d1 rgb(86,211,209)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#d35658
```
#d35658 rgb(211,86,88)
```
#d3d156
```
#d3d156 rgb(211,209,86)
```

Tetradic Color

#2e30af
```
#2e30af rgb(46,48,175)
```
#3335c3
```
#3335c3 rgb(51,53,195)
```
#4244ce
```
#4244ce rgb(66,68,206)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#6a6cd8
```
#6a6cd8 rgb(106,108,216)
```
#7e80de
```
#7e80de rgb(126,128,222)
```
#9394e3
```
#9394e3 rgb(147,148,227)
```

Monochromatic Color

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

#5677d3
```
#5677d3 rgb(86,119,211)
```
#566dd3
```
#566dd3 rgb(86,109,211)
```
#5662d3
```
#5662d3 rgb(86,98,211)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#5e56d3
```
#5e56d3 rgb(94,86,211)
```
#6956d3
```
#6956d3 rgb(105,86,211)
```
#7356d3
```
#7356d3 rgb(115,86,211)
```

Similar Colors

Text with hexadecimal color #5658d3

This text has a font color of #5658d3.

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

#5658d3 background color

This paragraph has a background color of #5658d3.

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

#5658d3 border color

This element has a border color of #5658d3.

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

CSS codes

.text {color:#5658d3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050512
```
#050512 rgb(5,5,18)
```
#090921
```
#090921 rgb(9,9,33)
```
#0d0d31
```
#0d0d31 rgb(13,13,49)
```
#111240
```
#111240 rgb(17,18,64)
```
#151650
```
#151650 rgb(21,22,80)
```
#191a60
```
#191a60 rgb(25,26,96)
```
#1d1e6f
```
#1d1e6f rgb(29,30,111)
```
#21227f
```
#21227f rgb(33,34,127)
```
#25278e
```
#25278e rgb(37,39,142)
```
#292b9e
```
#292b9e rgb(41,43,158)
```
#2d2fad
```
#2d2fad rgb(45,47,173)
```
#3133bd
```
#3133bd rgb(49,51,189)
```

Shade Color Variation

#3739cb
```
#3739cb rgb(55,57,203)
```
#4649cf
```
#4649cf rgb(70,73,207)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#6667d7
```
#6667d7 rgb(102,103,215)
```
#7577db
```
#7577db rgb(117,119,219)
```
#8586df
```
#8586df rgb(133,134,223)
```
#9496e3
```
#9496e3 rgb(148,150,227)
```
#a4a5e7
```
#a4a5e7 rgb(164,165,231)
```
#b3b4eb
```
#b3b4eb rgb(179,180,235)
```
#c3c4ef
```
#c3c4ef rgb(195,196,239)
```
#d3d3f3
```
#d3d3f3 rgb(211,211,243)
```
#e2e2f7
```
#e2e2f7 rgb(226,226,247)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f909a is the less saturated color, while #2d30fc is the most saturated one.

#8f909a
```
#8f909a rgb(143,144,154)
```
#8788a2
```
#8788a2 rgb(135,136,162)
```
#7f80aa
```
#7f80aa rgb(127,128,170)
```
#7778b2
```
#7778b2 rgb(119,120,178)
```
#6f70ba
```
#6f70ba rgb(111,112,186)
```
#6668c3
```
#6668c3 rgb(102,104,195)
```
#5e60cb
```
#5e60cb rgb(94,96,203)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#4e50db
```
#4e50db rgb(78,80,219)
```
#4648e3
```
#4648e3 rgb(70,72,227)
```
#3d40ec
```
#3d40ec rgb(61,64,236)
```
#3538f4
```
#3538f4 rgb(53,56,244)
```
#2d30fc
```
#2d30fc rgb(45,48,252)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#62627b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#2a7881 Tritanopia 0.001% of the population

Trichromacy

#1f64d3 Protanomaly 1% of men, 0.01% of women
#1f68c2 Deuteranomaly 6% of men, 0.4% of women
#3a6c9f Tritanomaly 0.01% of the population

#5658d3 hex color

#5658d3 Color Information

#5658d3 Color Conversion

Color Schemes with #5658d3

Alternatives to #5658d3

#5658d3 Preview

Shades and Tints of #5658d3

Tones of #5658d3

Color Blindness Simulator