colorhexa.com

#5658c3 hex color

In a RGB color space, hex #5658c3 is composed of 33.7% red, 34.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 54.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 238.9 degrees, a saturation of 47.6% and a lightness of 55.1%. #5658c3 color hex could be obtained by blending #acb0ff with #000087. Closest websafe color is: #6666cc.

- R 34
- G 35
- B 76
RGB color chart
- C 56
- M 55
- Y 0
- K 24
CMYK color chart

● #5658c3 color description : Moderate blue.

The hexadecimal color #5658c3 has RGB values of R:86, G:88, B:195 and CMYK values of C:0.56, M:0.55, Y:0, K:0.24. Its decimal value is 5658819.

Hex triplet	5658c3	`#5658c3`
RGB Decimal	86, 88, 195	`rgb(86,88,195)`
RGB Percent	33.7, 34.5, 76.5	`rgb(33.7%,34.5%,76.5%)`
CMYK	56, 55, 0, 24
HSL	238.9°, 47.6, 55.1	`hsl(238.9,47.6%,55.1%)`
HSV (or HSB)	238.9°, 55.9, 76.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.608, 30.06, -56.487
XYZ	17.176, 12.897, 53.211
xyY	0.206, 0.155, 12.897
CIE-LCH	42.608, 63.987, 298.02
CIE-LUV	42.608, -6.807, -85.77
Hunter-Lab	35.913, 22.523, -62.709
Binary	01010110, 01011000, 11000011

#5658c3
```
#5658c3 rgb(86,88,195)
```
#c3c156
```
#c3c156 rgb(195,193,86)
```

Complementary Color

#568fc3
```
#568fc3 rgb(86,143,195)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#8b56c3
```
#8b56c3 rgb(139,86,195)
```

Analogous Color

#8fc356
```
#8fc356 rgb(143,195,86)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#c38b56
```
#c38b56 rgb(195,139,86)
```

Split Complementary Color

#58c356
```
#58c356 rgb(88,195,86)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#c35658
```
#c35658 rgb(195,86,88)
```

Triadic Color

#56c3c1
```
#56c3c1 rgb(86,195,193)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#c35658
```
#c35658 rgb(195,86,88)
```
#c3c156
```
#c3c156 rgb(195,193,86)
```

Tetradic Color

#363797
```
#363797 rgb(54,55,151)
```
#3c3eaa
```
#3c3eaa rgb(60,62,170)
```
#4345bc
```
#4345bc rgb(67,69,188)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#696bca
```
#696bca rgb(105,107,202)
```
#7c7dd0
```
#7c7dd0 rgb(124,125,208)
```
#8e90d7
```
#8e90d7 rgb(142,144,215)
```

Monochromatic Color

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

#5673c3
```
#5673c3 rgb(86,115,195)
```
#566ac3
```
#566ac3 rgb(86,106,195)
```
#5661c3
```
#5661c3 rgb(86,97,195)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#5d56c3
```
#5d56c3 rgb(93,86,195)
```
#6656c3
```
#6656c3 rgb(102,86,195)
```
#6f56c3
```
#6f56c3 rgb(111,86,195)
```

Similar Colors

Text with hexadecimal color #5658c3

This text has a font color of #5658c3.

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

#5658c3 background color

This paragraph has a background color of #5658c3.

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

#5658c3 border color

This element has a border color of #5658c3.

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

CSS codes

.text {color:#5658c3;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070713
```
#070713 rgb(7,7,19)
```
#0c0c22
```
#0c0c22 rgb(12,12,34)
```
#111230
```
#111230 rgb(17,18,48)
```
#16173f
```
#16173f rgb(22,23,63)
```
#1b1c4d
```
#1b1c4d rgb(27,28,77)
```
#21225c
```
#21225c rgb(33,34,92)
```
#26276a
```
#26276a rgb(38,39,106)
```
#2b2c79
```
#2b2c79 rgb(43,44,121)
```
#303287
```
#303287 rgb(48,50,135)
```
#353795
```
#353795 rgb(53,55,149)
```
#3a3ca4
```
#3a3ca4 rgb(58,60,164)
```
#3f41b2
```
#3f41b2 rgb(63,65,178)
```

Shade Color Variation

#484abe
```
#484abe rgb(72,74,190)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#6466c8
```
#6466c8 rgb(100,102,200)
```
#7375cd
```
#7375cd rgb(115,117,205)
```
#8183d2
```
#8183d2 rgb(129,131,210)
```
#9091d8
```
#9091d8 rgb(144,145,216)
```
#9ea0dd
```
#9ea0dd rgb(158,160,221)
```
#adaee2
```
#adaee2 rgb(173,174,226)
```
#bbbce7
```
#bbbce7 rgb(187,188,231)
```
#cacaec
```
#cacaec rgb(202,202,236)
```
#d8d9f1
```
#d8d9f1 rgb(216,217,241)
```
#e7e7f6
```
#e7e7f6 rgb(231,231,246)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#8b8b8e
```
#8b8b8e rgb(139,139,142)
```
#828297
```
#828297 rgb(130,130,151)
```
#797aa0
```
#797aa0 rgb(121,122,160)
```
#7071a9
```
#7071a9 rgb(112,113,169)
```
#6869b1
```
#6869b1 rgb(104,105,177)
```
#5f60ba
```
#5f60ba rgb(95,96,186)
```
#5658c3
```
#5658c3 rgb(86,88,195)
```
#4d50cc
```
#4d50cc rgb(77,80,204)
```
#4447d5
```
#4447d5 rgb(68,71,213)
```
#3c3fdd
```
#3c3fdd rgb(60,63,221)
```
#3336e6
```
#3336e6 rgb(51,54,230)
```
#2a2eef
```
#2a2eef rgb(42,46,239)
```
#2125f8
```
#2125f8 rgb(33,37,248)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1069ce Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#3a747d Tritanopia 0.001% of the population

Trichromacy

#2962ca Protanomaly 1% of men, 0.01% of women
#1f66bb Deuteranomaly 6% of men, 0.4% of women
#446a96 Tritanomaly 0.01% of the population