#5464a9 hex color

In a RGB color space, hex #5464a9 is composed of 32.9% red, 39.2% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 40.8% magenta, 0% yellow and 33.7% black. It has a hue angle of 228.7 degrees, a saturation of 33.6% and a lightness of 49.6%. #5464a9 color hex could be obtained by blending #a8c8ff with #000053. Closest websafe color is: #666699.

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

● #5464a9 color description : Dark moderate blue.

The hexadecimal color #5464a9 has RGB values of R:84, G:100, B:169 and CMYK values of C:0.5, M:0.41, Y:0, K:0.34. Its decimal value is 5530793.

Hex triplet	5464a9	`#5464a9`
RGB Decimal	84, 100, 169	`rgb(84,100,169)`
RGB Percent	32.9, 39.2, 66.3	`rgb(32.9%,39.2%,66.3%)`
CMYK	50, 41, 0, 34
HSL	228.7°, 33.6, 49.6	`hsl(228.7,33.6%,49.6%)`
HSV (or HSB)	228.7°, 50.3, 66.3
Web Safe	666699	`#666699`

CIE-LAB	44.036, 13.649, -39.009
XYZ	15.373, 13.863, 39.4
xyY	0.224, 0.202, 13.863
CIE-LCH	44.036, 41.328, 289.284
CIE-LUV	44.036, -10.18, -58.966
Hunter-Lab	37.233, 8.543, -36.677
Binary	01010100, 01100100, 10101001

#5464a9
```
#5464a9 rgb(84,100,169)
```
#a99954
```
#a99954 rgb(169,153,84)
```

Complementary Color

#548fa9
```
#548fa9 rgb(84,143,169)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#6f54a9
```
#6f54a9 rgb(111,84,169)
```

Analogous Color

#8fa954
```
#8fa954 rgb(143,169,84)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#a96f54
```
#a96f54 rgb(169,111,84)
```

Split Complementary Color

#64a954
```
#64a954 rgb(100,169,84)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#a95464
```
#a95464 rgb(169,84,100)
```

Triadic Color

#54a999
```
#54a999 rgb(84,169,153)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#a95464
```
#a95464 rgb(169,84,100)
```
#a99954
```
#a99954 rgb(169,153,84)
```

Tetradic Color

#3b4676
```
#3b4676 rgb(59,70,118)
```
#435087
```
#435087 rgb(67,80,135)
```
#4c5a98
```
#4c5a98 rgb(76,90,152)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#6473b2
```
#6473b2 rgb(100,115,178)
```
#7582bb
```
#7582bb rgb(117,130,187)
```
#8692c3
```
#8692c3 rgb(134,146,195)
```

Monochromatic Color

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

#5479a9
```
#5479a9 rgb(84,121,169)
```
#5472a9
```
#5472a9 rgb(84,114,169)
```
#546ba9
```
#546ba9 rgb(84,107,169)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#545da9
```
#545da9 rgb(84,93,169)
```
#5456a9
```
#5456a9 rgb(84,86,169)
```
#5954a9
```
#5954a9 rgb(89,84,169)
```

Similar Colors

Text with hexadecimal color #5464a9

This text has a font color of #5464a9.

<span style="color:#5464a9;">Text here</span>

#5464a9 background color

This paragraph has a background color of #5464a9.

<p style="background-color:#5464a9;">Content here</p>

#5464a9 border color

This element has a border color of #5464a9.

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

CSS codes

.text {color:#5464a9;}

.background {background-color:#5464a9;}

.border {border:1px solid #5464a9;}

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, #06070c is the darkest color, while #fefefe is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0c0f19
```
#0c0f19 rgb(12,15,25)
```
#131626
```
#131626 rgb(19,22,38)
```
#191e33
```
#191e33 rgb(25,30,51)
```
#202640
```
#202640 rgb(32,38,64)
```
#262e4d
```
#262e4d rgb(38,46,77)
```
#2d355a
```
#2d355a rgb(45,53,90)
```
#333d67
```
#333d67 rgb(51,61,103)
```
#3a4575
```
#3a4575 rgb(58,69,117)
```
#404d82
```
#404d82 rgb(64,77,130)
```
#47548f
```
#47548f rgb(71,84,143)
```
#4d5c9c
```
#4d5c9c rgb(77,92,156)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```

Shade Color Variation

#606fb0
```
#606fb0 rgb(96,111,176)
```
#6e7bb7
```
#6e7bb7 rgb(110,123,183)
```
#7b87bd
```
#7b87bd rgb(123,135,189)
```
#8893c4
```
#8893c4 rgb(136,147,196)
```
#959fca
```
#959fca rgb(149,159,202)
```
#a2abd1
```
#a2abd1 rgb(162,171,209)
```
#afb7d7
```
#afb7d7 rgb(175,183,215)
```
#bcc2de
```
#bcc2de rgb(188,194,222)
```
#c9cee4
```
#c9cee4 rgb(201,206,228)
```
#d6daeb
```
#d6daeb rgb(214,218,235)
```
#e3e6f1
```
#e3e6f1 rgb(227,230,241)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#7b7c82
```
#7b7c82 rgb(123,124,130)
```
#71768c
```
#71768c rgb(113,118,140)
```
#677096
```
#677096 rgb(103,112,150)
```
#5e6a9f
```
#5e6a9f rgb(94,106,159)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```
#4a5eb3
```
#4a5eb3 rgb(74,94,179)
```
#4158bc
```
#4158bc rgb(65,88,188)
```
#3752c6
```
#3752c6 rgb(55,82,198)
```
#2d4cd0
```
#2d4cd0 rgb(45,76,208)
```
#2346da
```
#2346da rgb(35,70,218)
```
#1a40e3
```
#1a40e3 rgb(26,64,227)
```
#103aed
```
#103aed rgb(16,58,237)
```
#0633f7
```
#0633f7 rgb(6,51,247)
```

Tone Color Variation

Below, you can see how #5464a9 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

#676767 Achromatopsia 0.005% of the population
#636674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536dae Protanopia 1% of men
#4970ab Deuteranopia 1% of men
#4a767f Tritanopia 0.001% of the population

Trichromacy

#536aac Protanomaly 1% of men, 0.01% of women
#4d6baa Deuteranomaly 6% of men, 0.4% of women
#4d6f8e Tritanomaly 0.01% of the population

#5464a9 hex color

#5464a9 Color Information

#5464a9 Color Conversion

Color Schemes with #5464a9

Alternatives to #5464a9

#5464a9 Preview

Shades and Tints of #5464a9

Tones of #5464a9

Color Blindness Simulator