#5464c7 hex color

In a RGB color space, hex #5464c7 is composed of 32.9% red, 39.2% green and 78% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 49.7% magenta, 0% yellow and 22% black. It has a hue angle of 231.7 degrees, a saturation of 50.7% and a lightness of 55.5%. #5464c7 color hex could be obtained by blending #a8c8ff with #00008f. Closest websafe color is: #6666cc.

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

● #5464c7 color description : Moderate blue.

The hexadecimal color #5464c7 has RGB values of R:84, G:100, B:199 and CMYK values of C:0.58, M:0.5, Y:0, K:0.22. Its decimal value is 5530823.

Hex triplet	5464c7	`#5464c7`
RGB Decimal	84, 100, 199	`rgb(84,100,199)`
RGB Percent	32.9, 39.2, 78	`rgb(32.9%,39.2%,78%)`
CMYK	58, 50, 0, 22
HSL	231.7°, 50.7, 55.5	`hsl(231.7,50.7%,55.5%)`
HSV (or HSB)	231.7°, 57.8, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.801, 23.489, -53.662
XYZ	18.52, 15.122, 55.973
xyY	0.207, 0.169, 15.122
CIE-LCH	45.801, 58.577, 293.64
CIE-LUV	45.801, -11.065, -82.771
Hunter-Lab	38.887, 16.96, -58.12
Binary	01010100, 01100100, 11000111

#5464c7
```
#5464c7 rgb(84,100,199)
```
#c7b754
```
#c7b754 rgb(199,183,84)
```

Complementary Color

#549ec7
```
#549ec7 rgb(84,158,199)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#7e54c7
```
#7e54c7 rgb(126,84,199)
```

Analogous Color

#9ec754
```
#9ec754 rgb(158,199,84)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#c77e54
```
#c77e54 rgb(199,126,84)
```

Split Complementary Color

#64c754
```
#64c754 rgb(100,199,84)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#c75464
```
#c75464 rgb(199,84,100)
```

Triadic Color

#54c7b7
```
#54c7b7 rgb(84,199,183)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#c75464
```
#c75464 rgb(199,84,100)
```
#c7b754
```
#c7b754 rgb(199,183,84)
```

Tetradic Color

#33419c
```
#33419c rgb(51,65,156)
```
#394aaf
```
#394aaf rgb(57,74,175)
```
#4153c1
```
#4153c1 rgb(65,83,193)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#6775cd
```
#6775cd rgb(103,117,205)
```
#7a87d4
```
#7a87d4 rgb(122,135,212)
```
#8e98da
```
#8e98da rgb(142,152,218)
```

Monochromatic Color

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

#5481c7
```
#5481c7 rgb(84,129,199)
```
#5477c7
```
#5477c7 rgb(84,119,199)
```
#546ec7
```
#546ec7 rgb(84,110,199)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#545ac7
```
#545ac7 rgb(84,90,199)
```
#5754c7
```
#5754c7 rgb(87,84,199)
```
#6154c7
```
#6154c7 rgb(97,84,199)
```

Similar Colors

Text with hexadecimal color #5464c7

This text has a font color of #5464c7.

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

#5464c7 background color

This paragraph has a background color of #5464c7.

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

#5464c7 border color

This element has a border color of #5464c7.

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

CSS codes

.text {color:#5464c7;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070915
```
#070915 rgb(7,9,21)
```
#0c0f24
```
#0c0f24 rgb(12,15,36)
```
#111533
```
#111533 rgb(17,21,51)
```
#151c41
```
#151c41 rgb(21,28,65)
```
#1a2250
```
#1a2250 rgb(26,34,80)
```
#1f285f
```
#1f285f rgb(31,40,95)
```
#242e6e
```
#242e6e rgb(36,46,110)
```
#29347d
```
#29347d rgb(41,52,125)
```
#2e3b8b
```
#2e3b8b rgb(46,59,139)
```
#32419a
```
#32419a rgb(50,65,154)
```
#3747a9
```
#3747a9 rgb(55,71,169)
```
#3c4db8
```
#3c4db8 rgb(60,77,184)
```

Shade Color Variation

#4557c2
```
#4557c2 rgb(69,87,194)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#6371cc
```
#6371cc rgb(99,113,204)
```
#727fd1
```
#727fd1 rgb(114,127,209)
```
#808cd6
```
#808cd6 rgb(128,140,214)
```
#8f9ada
```
#8f9ada rgb(143,154,218)
```
#9ea7df
```
#9ea7df rgb(158,167,223)
```
#adb4e4
```
#adb4e4 rgb(173,180,228)
```
#bbc2e9
```
#bbc2e9 rgb(187,194,233)
```
#cacfee
```
#cacfee rgb(202,207,238)
```
#d9ddf3
```
#d9ddf3 rgb(217,221,243)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a93 is the less saturated color, while #203efb is the most saturated one.

#888a93
```
#888a93 rgb(136,138,147)
```
#80849b
```
#80849b rgb(128,132,155)
```
#777da4
```
#777da4 rgb(119,125,164)
```
#6e77ad
```
#6e77ad rgb(110,119,173)
```
#6571b6
```
#6571b6 rgb(101,113,182)
```
#5d6abe
```
#5d6abe rgb(93,106,190)
```
#5464c7
```
#5464c7 rgb(84,100,199)
```
#4b5ed0
```
#4b5ed0 rgb(75,94,208)
```
#4357d8
```
#4357d8 rgb(67,87,216)
```
#3a51e1
```
#3a51e1 rgb(58,81,225)
```
#314bea
```
#314bea rgb(49,75,234)
```
#2844f3
```
#2844f3 rgb(40,68,243)
```
#203efb
```
#203efb rgb(32,62,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#666a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b70ce Protanopia 1% of men
#0075c4 Deuteranopia 1% of men
#377d86 Tritanopia 0.001% of the population

Trichromacy

#446ccb Protanomaly 1% of men, 0.01% of women
#1e6fc5 Deuteranomaly 6% of men, 0.4% of women
#42749d Tritanomaly 0.01% of the population

#5464c7 hex color

#5464c7 Color Information

#5464c7 Color Conversion

Color Schemes with #5464c7

Alternatives to #5464c7

#5464c7 Preview

Shades and Tints of #5464c7

Tones of #5464c7

Color Blindness Simulator