colorhexa.com

#5458cb hex color

In a RGB color space, hex #5458cb is composed of 32.9% red, 34.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 56.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 238 degrees, a saturation of 53.4% and a lightness of 56.3%. #5458cb color hex could be obtained by blending #a8b0ff with #000097. Closest websafe color is: #6666cc.

- R 33
- G 35
- B 80
RGB color chart
- C 59
- M 57
- Y 0
- K 20
CMYK color chart

● #5458cb color description : Moderate blue.

The hexadecimal color #5458cb has RGB values of R:84, G:88, B:203 and CMYK values of C:0.59, M:0.57, Y:0, K:0.2. Its decimal value is 5527755.

Hex triplet	5458cb	`#5458cb`
RGB Decimal	84, 88, 203	`rgb(84,88,203)`
RGB Percent	32.9, 34.5, 79.6	`rgb(32.9%,34.5%,79.6%)`
CMYK	59, 57, 0, 20
HSL	238°, 53.4, 56.3	`hsl(238,53.4%,56.3%)`
HSV (or HSB)	238°, 58.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.026, 32.3, -60.445
XYZ	17.923, 13.175, 58.095
xyY	0.201, 0.148, 13.175
CIE-LCH	43.026, 68.534, 298.118
CIE-LUV	43.026, -7.795, -91.824
Hunter-Lab	36.298, 24.619, -69.486
Binary	01010100, 01011000, 11001011

#5458cb
```
#5458cb rgb(84,88,203)
```
#cbc754
```
#cbc754 rgb(203,199,84)
```

Complementary Color

#5494cb
```
#5494cb rgb(84,148,203)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#8c54cb
```
#8c54cb rgb(140,84,203)
```

Analogous Color

#94cb54
```
#94cb54 rgb(148,203,84)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#cb8c54
```
#cb8c54 rgb(203,140,84)
```

Split Complementary Color

#58cb54
```
#58cb54 rgb(88,203,84)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#cb5458
```
#cb5458 rgb(203,84,88)
```

Triadic Color

#54cbc7
```
#54cbc7 rgb(84,203,199)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#cb5458
```
#cb5458 rgb(203,84,88)
```
#cbc754
```
#cbc754 rgb(203,199,84)
```

Tetradic Color

#3135a1
```
#3135a1 rgb(49,53,161)
```
#373bb5
```
#373bb5 rgb(55,59,181)
```
#4045c5
```
#4045c5 rgb(64,69,197)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#686bd1
```
#686bd1 rgb(104,107,209)
```
#7b7ed7
```
#7b7ed7 rgb(123,126,215)
```
#8f91dd
```
#8f91dd rgb(143,145,221)
```

Monochromatic Color

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

#5476cb
```
#5476cb rgb(84,118,203)
```
#546ccb
```
#546ccb rgb(84,108,203)
```
#5462cb
```
#5462cb rgb(84,98,203)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#5a54cb
```
#5a54cb rgb(90,84,203)
```
#6454cb
```
#6454cb rgb(100,84,203)
```
#6e54cb
```
#6e54cb rgb(110,84,203)
```

Similar Colors

Text with hexadecimal color #5458cb

This text has a font color of #5458cb.

<span style="color:#5458cb;">Text here</span>

#5458cb background color

This paragraph has a background color of #5458cb.

<p style="background-color:#5458cb;">Content here</p>

#5458cb border color

This element has a border color of #5458cb.

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

CSS codes

.text {color:#5458cb;}

.background {background-color:#5458cb;}

.border {border:1px solid #5458cb;}

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

#030309
```
#030309 rgb(3,3,9)
```
#070819
```
#070819 rgb(7,8,25)
```
#0c0d28
```
#0c0d28 rgb(12,13,40)
```
#111237
```
#111237 rgb(17,18,55)
```
#151746
```
#151746 rgb(21,23,70)
```
#1a1c55
```
#1a1c55 rgb(26,28,85)
```
#1e2164
```
#1e2164 rgb(30,33,100)
```
#232673
```
#232673 rgb(35,38,115)
```
#272b82
```
#272b82 rgb(39,43,130)
```
#2c2f91
```
#2c2f91 rgb(44,47,145)
```
#3134a0
```
#3134a0 rgb(49,52,160)
```
#3539af
```
#3539af rgb(53,57,175)
```
#3a3ebe
```
#3a3ebe rgb(58,62,190)
```

Shade Color Variation

#4549c6
```
#4549c6 rgb(69,73,198)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#6367d0
```
#6367d0 rgb(99,103,208)
```
#7275d4
```
#7275d4 rgb(114,117,212)
```
#8184d9
```
#8184d9 rgb(129,132,217)
```
#9093dd
```
#9093dd rgb(144,147,221)
```
#9fa1e2
```
#9fa1e2 rgb(159,161,226)
```
#aeb0e6
```
#aeb0e6 rgb(174,176,230)
```
#bdbfeb
```
#bdbfeb rgb(189,191,235)
```
#cccef0
```
#cccef0 rgb(204,206,240)
```
#dbdcf4
```
#dbdcf4 rgb(219,220,244)
```
#eaebf9
```
#eaebf9 rgb(234,235,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878898 is the less saturated color, while #2128fe is the most saturated one.

#878898
```
#878898 rgb(135,136,152)
```
#7f80a0
```
#7f80a0 rgb(127,128,160)
```
#7678a9
```
#7678a9 rgb(118,120,169)
```
#6e70b1
```
#6e70b1 rgb(110,112,177)
```
#6568ba
```
#6568ba rgb(101,104,186)
```
#5d60c2
```
#5d60c2 rgb(93,96,194)
```
#5458cb
```
#5458cb rgb(84,88,203)
```
#4b50d4
```
#4b50d4 rgb(75,80,212)
```
#4348dc
```
#4348dc rgb(67,72,220)
```
#3a40e5
```
#3a40e5 rgb(58,64,229)
```
#3238ed
```
#3238ed rgb(50,56,237)
```
#2930f6
```
#2930f6 rgb(41,48,246)
```
#2128fe
```
#2128fe rgb(33,40,254)
```

Tone Color Variation

Below, you can see how #5458cb 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
#616279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#006fb7 Deuteranopia 1% of men
#2e767f Tritanopia 0.001% of the population

Trichromacy

#1e63ce Protanomaly 1% of men, 0.01% of women
#1e67be Deuteranomaly 6% of men, 0.4% of women
#3c6b9a Tritanomaly 0.01% of the population