#5456c8 hex color

In a RGB color space, hex #5456c8 is composed of 32.9% red, 33.7% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 57% magenta, 0% yellow and 21.6% black. It has a hue angle of 239 degrees, a saturation of 51.3% and a lightness of 55.7%. #5456c8 color hex could be obtained by blending #a8acff with #000091. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 78
RGB color chart
- C 58
- M 57
- Y 0
- K 22
CMYK color chart

● #5456c8 color description : Moderate blue.

The hexadecimal color #5456c8 has RGB values of R:84, G:86, B:200 and CMYK values of C:0.58, M:0.57, Y:0, K:0.22. Its decimal value is 5527240.

Hex triplet	5456c8	`#5456c8`
RGB Decimal	84, 86, 200	`rgb(84,86,200)`
RGB Percent	32.9, 33.7, 78.4	`rgb(32.9%,33.7%,78.4%)`
CMYK	58, 57, 0, 22
HSL	239°, 51.3, 55.7	`hsl(239,51.3%,55.7%)`
HSV (or HSB)	239°, 58, 78.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.323, 32.554, -59.852
XYZ	17.407, 12.71, 56.176
xyY	0.202, 0.147, 12.71
CIE-LCH	42.323, 68.133, 298.542
CIE-LUV	42.323, -7.121, -90.553
Hunter-Lab	35.651, 24.767, -68.47
Binary	01010100, 01010110, 11001000

#5456c8
```
#5456c8 rgb(84,86,200)
```
#c8c654
```
#c8c654 rgb(200,198,84)
```

Complementary Color

#5490c8
```
#5490c8 rgb(84,144,200)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#8c54c8
```
#8c54c8 rgb(140,84,200)
```

Analogous Color

#90c854
```
#90c854 rgb(144,200,84)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#c88c54
```
#c88c54 rgb(200,140,84)
```

Split Complementary Color

#56c854
```
#56c854 rgb(86,200,84)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#c85456
```
#c85456 rgb(200,84,86)
```

Triadic Color

#54c8c6
```
#54c8c6 rgb(84,200,198)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#c85456
```
#c85456 rgb(200,84,86)
```
#c8c654
```
#c8c654 rgb(200,198,84)
```

Tetradic Color

#32349d
```
#32349d rgb(50,52,157)
```
#393bb0
```
#393bb0 rgb(57,59,176)
```
#4143c2
```
#4143c2 rgb(65,67,194)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#6769ce
```
#6769ce rgb(103,105,206)
```
#7b7cd4
```
#7b7cd4 rgb(123,124,212)
```
#8e8fdb
```
#8e8fdb rgb(142,143,219)
```

Monochromatic Color

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

#5473c8
```
#5473c8 rgb(84,115,200)
```
#5469c8
```
#5469c8 rgb(84,105,200)
```
#5460c8
```
#5460c8 rgb(84,96,200)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#5c54c8
```
#5c54c8 rgb(92,84,200)
```
#6554c8
```
#6554c8 rgb(101,84,200)
```
#6f54c8
```
#6f54c8 rgb(111,84,200)
```

Similar Colors

Text with hexadecimal color #5456c8

This text has a font color of #5456c8.

<span style="color:#5456c8;">Text here</span>

#5456c8 background color

This paragraph has a background color of #5456c8.

<p style="background-color:#5456c8;">Content here</p>

#5456c8 border color

This element has a border color of #5456c8.

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

CSS codes

.text {color:#5456c8;}

.background {background-color:#5456c8;}

.border {border:1px solid #5456c8;}

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

#020207
```
#020207 rgb(2,2,7)
```
#070716
```
#070716 rgb(7,7,22)
```
#0c0c25
```
#0c0c25 rgb(12,12,37)
```
#111134
```
#111134 rgb(17,17,52)
```
#151642
```
#151642 rgb(21,22,66)
```
#1a1b51
```
#1a1b51 rgb(26,27,81)
```
#1f2060
```
#1f2060 rgb(31,32,96)
```
#24256f
```
#24256f rgb(36,37,111)
```
#282a7e
```
#282a7e rgb(40,42,126)
```
#2d2f8d
```
#2d2f8d rgb(45,47,141)
```
#32349c
```
#32349c rgb(50,52,156)
```
#3739aa
```
#3739aa rgb(55,57,170)
```
#3c3eb9
```
#3c3eb9 rgb(60,62,185)
```

Shade Color Variation

#4547c3
```
#4547c3 rgb(69,71,195)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#6365cd
```
#6365cd rgb(99,101,205)
```
#7273d2
```
#7273d2 rgb(114,115,210)
```
#8182d6
```
#8182d6 rgb(129,130,214)
```
#8f91db
```
#8f91db rgb(143,145,219)
```
#9e9fe0
```
#9e9fe0 rgb(158,159,224)
```
#adaee5
```
#adaee5 rgb(173,174,229)
```
#bcbde9
```
#bcbde9 rgb(188,189,233)
```
#cbcbee
```
#cbcbee rgb(203,203,238)
```
#dadaf3
```
#dadaf3 rgb(218,218,243)
```
#e8e9f8
```
#e8e9f8 rgb(232,233,248)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#888894
```
#888894 rgb(136,136,148)
```
#7f809d
```
#7f809d rgb(127,128,157)
```
#7778a5
```
#7778a5 rgb(119,120,165)
```
#6e6fae
```
#6e6fae rgb(110,111,174)
```
#6567b7
```
#6567b7 rgb(101,103,183)
```
#5d5ebf
```
#5d5ebf rgb(93,94,191)
```
#5456c8
```
#5456c8 rgb(84,86,200)
```
#4b4ed1
```
#4b4ed1 rgb(75,78,209)
```
#4345d9
```
#4345d9 rgb(67,69,217)
```
#3a3de2
```
#3a3de2 rgb(58,61,226)
```
#3134eb
```
#3134eb rgb(49,52,235)
```
#292cf3
```
#292cf3 rgb(41,44,243)
```
#2024fc
```
#2024fc rgb(32,36,252)
```

Tone Color Variation

Below, you can see how #5456c8 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

#626262 Achromatopsia 0.005% of the population
#5f6076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#31747d Tritanopia 0.001% of the population

Trichromacy

#1e61cb Protanomaly 1% of men, 0.01% of women
#1e65bb Deuteranomaly 6% of men, 0.4% of women
#3d6998 Tritanomaly 0.01% of the population

#5456c8 hex color

#5456c8 Color Information

#5456c8 Color Conversion

Color Schemes with #5456c8

Alternatives to #5456c8

#5456c8 Preview

Shades and Tints of #5456c8

Tones of #5456c8

Color Blindness Simulator