#5456ac hex color

In a RGB color space, hex #5456ac is composed of 32.9% red, 33.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 50% magenta, 0% yellow and 32.5% black. It has a hue angle of 238.6 degrees, a saturation of 34.6% and a lightness of 50.2%. #5456ac color hex could be obtained by blending #a8acff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 34
- B 67
RGB color chart
- C 51
- M 50
- Y 0
- K 33
CMYK color chart

● #5456ac color description : Dark moderate blue.

The hexadecimal color #5456ac has RGB values of R:84, G:86, B:172 and CMYK values of C:0.51, M:0.5, Y:0, K:0.33. Its decimal value is 5527212.

Hex triplet	5456ac	`#5456ac`
RGB Decimal	84, 86, 172	`rgb(84,86,172)`
RGB Percent	32.9, 33.7, 67.5	`rgb(32.9%,33.7%,67.5%)`
CMYK	51, 50, 0, 33
HSL	238.6°, 34.6, 50.2	`hsl(238.6,34.6%,50.2%)`
HSV (or HSB)	238.6°, 51.2, 67.5
Web Safe	666699	`#666699`

CIE-LAB	40.44, 23.45, -46.512
XYZ	14.429, 11.518, 40.49
xyY	0.217, 0.173, 11.518
CIE-LCH	40.44, 52.089, 296.756
CIE-LUV	40.44, -5.711, -69.656
Hunter-Lab	33.939, 16.495, -46.978
Binary	01010100, 01010110, 10101100

#5456ac
```
#5456ac rgb(84,86,172)
```
#acaa54
```
#acaa54 rgb(172,170,84)
```

Complementary Color

#5482ac
```
#5482ac rgb(84,130,172)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#7e54ac
```
#7e54ac rgb(126,84,172)
```

Analogous Color

#82ac54
```
#82ac54 rgb(130,172,84)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#ac7e54
```
#ac7e54 rgb(172,126,84)
```

Split Complementary Color

#56ac54
```
#56ac54 rgb(86,172,84)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#ac5456
```
#ac5456 rgb(172,84,86)
```

Triadic Color

#54acaa
```
#54acaa rgb(84,172,170)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#ac5456
```
#ac5456 rgb(172,84,86)
```
#acaa54
```
#acaa54 rgb(172,170,84)
```

Tetradic Color

#3b3c79
```
#3b3c79 rgb(59,60,121)
```
#43458a
```
#43458a rgb(67,69,138)
```
#4b4d9b
```
#4b4d9b rgb(75,77,155)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#6567b4
```
#6567b4 rgb(101,103,180)
```
#7678bd
```
#7678bd rgb(118,120,189)
```
#8889c5
```
#8889c5 rgb(136,137,197)
```

Monochromatic Color

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

#546cac
```
#546cac rgb(84,108,172)
```
#5465ac
```
#5465ac rgb(84,101,172)
```
#545dac
```
#545dac rgb(84,93,172)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#5954ac
```
#5954ac rgb(89,84,172)
```
#6154ac
```
#6154ac rgb(97,84,172)
```
#6854ac
```
#6854ac rgb(104,84,172)
```

Similar Colors

Text with hexadecimal color #5456ac

This text has a font color of #5456ac.

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

#5456ac background color

This paragraph has a background color of #5456ac.

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

#5456ac border color

This element has a border color of #5456ac.

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

CSS codes

.text {color:#5456ac;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#07070e
```
#07070e rgb(7,7,14)
```
#0d0d1b
```
#0d0d1b rgb(13,13,27)
```
#141428
```
#141428 rgb(20,20,40)
```
#1a1b35
```
#1a1b35 rgb(26,27,53)
```
#202143
```
#202143 rgb(32,33,67)
```
#272850
```
#272850 rgb(39,40,80)
```
#2d2e5d
```
#2d2e5d rgb(45,46,93)
```
#34356a
```
#34356a rgb(52,53,106)
```
#3a3b78
```
#3a3b78 rgb(58,59,120)
```
#404285
```
#404285 rgb(64,66,133)
```
#474992
```
#474992 rgb(71,73,146)
```
#4d4f9f
```
#4d4f9f rgb(77,79,159)
```

Shade Color Variation

#5456ac
```
#5456ac rgb(84,86,172)
```
#6163b2
```
#6163b2 rgb(97,99,178)
```
#6e70b9
```
#6e70b9 rgb(110,112,185)
```
#7c7dbf
```
#7c7dbf rgb(124,125,191)
```
#898ac6
```
#898ac6 rgb(137,138,198)
```
#9697cc
```
#9697cc rgb(150,151,204)
```
#a3a4d2
```
#a3a4d2 rgb(163,164,210)
```
#b0b1d9
```
#b0b1d9 rgb(176,177,217)
```
#bebedf
```
#bebedf rgb(190,190,223)
```
#cbcbe6
```
#cbcbe6 rgb(203,203,230)
```
#d8d9ec
```
#d8d9ec rgb(216,217,236)
```
#e5e6f3
```
#e5e6f3 rgb(229,230,243)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b85 is the less saturated color, while #060bfa is the most saturated one.

#7b7b85
```
#7b7b85 rgb(123,123,133)
```
#71728f
```
#71728f rgb(113,114,143)
```
#686998
```
#686998 rgb(104,105,152)
```
#5e5fa2
```
#5e5fa2 rgb(94,95,162)
```
#5456ac
```
#5456ac rgb(84,86,172)
```
#4a4db6
```
#4a4db6 rgb(74,77,182)
```
#4043c0
```
#4043c0 rgb(64,67,192)
```
#373ac9
```
#373ac9 rgb(55,58,201)
```
#2d31d3
```
#2d31d3 rgb(45,49,211)
```
#2327dd
```
#2327dd rgb(35,39,221)
```
#191ee7
```
#191ee7 rgb(25,30,231)
```
#1015f0
```
#1015f0 rgb(16,21,240)
```
#060bfa
```
#060bfa rgb(6,11,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3864b5 Protanopia 1% of men
#2568ac Deuteranopia 1% of men
#456d75 Tritanopia 0.001% of the population

Trichromacy

#425fb2 Protanomaly 1% of men, 0.01% of women
#3662ac Deuteranomaly 6% of men, 0.4% of women
#4a6589 Tritanomaly 0.01% of the population

#5456ac hex color

#5456ac Color Information

#5456ac Color Conversion

Color Schemes with #5456ac

Alternatives to #5456ac

#5456ac Preview

Shades and Tints of #5456ac

Tones of #5456ac

Color Blindness Simulator