#5464c5 hex color

In a RGB color space, hex #5464c5 is composed of 32.9% red, 39.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 49.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 231.5 degrees, a saturation of 49.3% and a lightness of 55.1%. #5464c5 color hex could be obtained by blending #a8c8ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 39
- B 77
RGB color chart
- C 57
- M 49
- Y 0
- K 23
CMYK color chart

● #5464c5 color description : Moderate blue.

The hexadecimal color #5464c5 has RGB values of R:84, G:100, B:197 and CMYK values of C:0.57, M:0.49, Y:0, K:0.23. Its decimal value is 5530821.

Hex triplet	5464c5	`#5464c5`
RGB Decimal	84, 100, 197	`rgb(84,100,197)`
RGB Percent	32.9, 39.2, 77.3	`rgb(32.9%,39.2%,77.3%)`
CMYK	57, 49, 0, 23
HSL	231.5°, 49.3, 55.1	`hsl(231.5,49.3%,55.1%)`
HSV (or HSB)	231.5°, 57.4, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.675, 22.823, -52.711
XYZ	18.289, 15.03, 54.757
xyY	0.208, 0.171, 15.03
CIE-LCH	45.675, 57.44, 293.412
CIE-LUV	45.675, -11.006, -81.232
Hunter-Lab	38.768, 16.366, -56.606
Binary	01010100, 01100100, 11000101

#5464c5
```
#5464c5 rgb(84,100,197)
```
#c5b554
```
#c5b554 rgb(197,181,84)
```

Complementary Color

#549dc5
```
#549dc5 rgb(84,157,197)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#7d54c5
```
#7d54c5 rgb(125,84,197)
```

Analogous Color

#9dc554
```
#9dc554 rgb(157,197,84)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#c57d54
```
#c57d54 rgb(197,125,84)
```

Split Complementary Color

#64c554
```
#64c554 rgb(100,197,84)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#c55464
```
#c55464 rgb(197,84,100)
```

Triadic Color

#54c5b5
```
#54c5b5 rgb(84,197,181)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#c55464
```
#c55464 rgb(197,84,100)
```
#c5b554
```
#c5b554 rgb(197,181,84)
```

Tetradic Color

#344299
```
#344299 rgb(52,66,153)
```
#3a4aac
```
#3a4aac rgb(58,74,172)
```
#4153bf
```
#4153bf rgb(65,83,191)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#6775cb
```
#6775cb rgb(103,117,203)
```
#7a87d2
```
#7a87d2 rgb(122,135,210)
```
#8d98d8
```
#8d98d8 rgb(141,152,216)
```

Monochromatic Color

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

#5480c5
```
#5480c5 rgb(84,128,197)
```
#5477c5
```
#5477c5 rgb(84,119,197)
```
#546dc5
```
#546dc5 rgb(84,109,197)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#545bc5
```
#545bc5 rgb(84,91,197)
```
#5754c5
```
#5754c5 rgb(87,84,197)
```
#6054c5
```
#6054c5 rgb(96,84,197)
```

Similar Colors

Text with hexadecimal color #5464c5

This text has a font color of #5464c5.

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

#5464c5 background color

This paragraph has a background color of #5464c5.

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

#5464c5 border color

This element has a border color of #5464c5.

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

CSS codes

.text {color:#5464c5;}

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

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

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 #f5f6fc is the lightest one.

#020205
```
#020205 rgb(2,2,5)
```
#070813
```
#070813 rgb(7,8,19)
```
#0c0f22
```
#0c0f22 rgb(12,15,34)
```
#111531
```
#111531 rgb(17,21,49)
```
#151b3f
```
#151b3f rgb(21,27,63)
```
#1a224e
```
#1a224e rgb(26,34,78)
```
#1f285d
```
#1f285d rgb(31,40,93)
```
#242e6b
```
#242e6b rgb(36,46,107)
```
#29357a
```
#29357a rgb(41,53,122)
```
#2e3b89
```
#2e3b89 rgb(46,59,137)
```
#334197
```
#334197 rgb(51,65,151)
```
#3848a6
```
#3848a6 rgb(56,72,166)
```
#3d4eb5
```
#3d4eb5 rgb(61,78,181)
```

Shade Color Variation

#4557c0
```
#4557c0 rgb(69,87,192)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#6371ca
```
#6371ca rgb(99,113,202)
```
#717fcf
```
#717fcf rgb(113,127,207)
```
#808cd4
```
#808cd4 rgb(128,140,212)
```
#8f99d9
```
#8f99d9 rgb(143,153,217)
```
#9da6de
```
#9da6de rgb(157,166,222)
```
#acb4e3
```
#acb4e3 rgb(172,180,227)
```
#bbc1e8
```
#bbc1e8 rgb(187,193,232)
```
#c9ceed
```
#c9ceed rgb(201,206,237)
```
#d8dbf2
```
#d8dbf2 rgb(216,219,242)
```
#e6e9f7
```
#e6e9f7 rgb(230,233,247)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a90 is the less saturated color, while #1f3efa is the most saturated one.

#898a90
```
#898a90 rgb(137,138,144)
```
#808499
```
#808499 rgb(128,132,153)
```
#777da2
```
#777da2 rgb(119,125,162)
```
#6e77ab
```
#6e77ab rgb(110,119,171)
```
#6671b3
```
#6671b3 rgb(102,113,179)
```
#5d6abc
```
#5d6abc rgb(93,106,188)
```
#5464c5
```
#5464c5 rgb(84,100,197)
```
#4b5ece
```
#4b5ece rgb(75,94,206)
```
#4257d7
```
#4257d7 rgb(66,87,215)
```
#3a51df
```
#3a51df rgb(58,81,223)
```
#314be8
```
#314be8 rgb(49,75,232)
```
#2844f1
```
#2844f1 rgb(40,68,241)
```
#1f3efa
```
#1f3efa rgb(31,62,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#66697c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d70cc Protanopia 1% of men
#1075c3 Deuteranopia 1% of men
#397c86 Tritanopia 0.001% of the population

Trichromacy

#456cc9 Protanomaly 1% of men, 0.01% of women
#296fc4 Deuteranomaly 6% of men, 0.4% of women
#43739c Tritanomaly 0.01% of the population

#5464c5 hex color

#5464c5 Color Information

#5464c5 Color Conversion

Color Schemes with #5464c5

Alternatives to #5464c5

#5464c5 Preview

Shades and Tints of #5464c5

Tones of #5464c5

Color Blindness Simulator