#5464d4 hex color

In a RGB color space, hex #5464d4 is composed of 32.9% red, 39.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 52.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 232.5 degrees, a saturation of 59.8% and a lightness of 58%. #5464d4 color hex could be obtained by blending #a8c8ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 39
- B 83
RGB color chart
- C 60
- M 53
- Y 0
- K 17
CMYK color chart

● #5464d4 color description : Moderate blue.

The hexadecimal color #5464d4 has RGB values of R:84, G:100, B:212 and CMYK values of C:0.6, M:0.53, Y:0, K:0.17. Its decimal value is 5530836.

Hex triplet	5464d4	`#5464d4`
RGB Decimal	84, 100, 212	`rgb(84,100,212)`
RGB Percent	32.9, 39.2, 83.1	`rgb(32.9%,39.2%,83.1%)`
CMYK	60, 53, 0, 17
HSL	232.5°, 59.8, 58	`hsl(232.5,59.8%,58%)`
HSV (or HSB)	232.5°, 60.4, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.647, 27.833, -59.753
XYZ	20.095, 15.752, 64.265
xyY	0.201, 0.157, 15.752
CIE-LCH	46.647, 65.918, 294.976
CIE-LUV	46.647, -11.455, -92.61
Hunter-Lab	39.688, 20.922, -68.223
Binary	01010100, 01100100, 11010100

#5464d4
```
#5464d4 rgb(84,100,212)
```
#d4c454
```
#d4c454 rgb(212,196,84)
```

Complementary Color

#54a4d4
```
#54a4d4 rgb(84,164,212)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#8454d4
```
#8454d4 rgb(132,84,212)
```

Analogous Color

#a4d454
```
#a4d454 rgb(164,212,84)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#d48454
```
#d48454 rgb(212,132,84)
```

Split Complementary Color

#64d454
```
#64d454 rgb(100,212,84)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#d45464
```
#d45464 rgb(212,84,100)
```

Triadic Color

#54d4c4
```
#54d4c4 rgb(84,212,196)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#d45464
```
#d45464 rgb(212,84,100)
```
#d4c454
```
#d4c454 rgb(212,196,84)
```

Tetradic Color

#2c3daf
```
#2c3daf rgb(44,61,175)
```
#3144c4
```
#3144c4 rgb(49,68,196)
```
#4052cf
```
#4052cf rgb(64,82,207)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#6876d9
```
#6876d9 rgb(104,118,217)
```
#7d89de
```
#7d89de rgb(125,137,222)
```
#919be3
```
#919be3 rgb(145,155,227)
```

Monochromatic Color

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

#5484d4
```
#5484d4 rgb(84,132,212)
```
#5479d4
```
#5479d4 rgb(84,121,212)
```
#546fd4
```
#546fd4 rgb(84,111,212)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#5459d4
```
#5459d4 rgb(84,89,212)
```
#5954d4
```
#5954d4 rgb(89,84,212)
```
#6454d4
```
#6454d4 rgb(100,84,212)
```

Similar Colors

Text with hexadecimal color #5464d4

This text has a font color of #5464d4.

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

#5464d4 background color

This paragraph has a background color of #5464d4.

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

#5464d4 border color

This element has a border color of #5464d4.

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

CSS codes

.text {color:#5464d4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040611
```
#040611 rgb(4,6,17)
```
#080b21
```
#080b21 rgb(8,11,33)
```
#0c1130
```
#0c1130 rgb(12,17,48)
```
#101640
```
#101640 rgb(16,22,64)
```
#141c50
```
#141c50 rgb(20,28,80)
```
#18215f
```
#18215f rgb(24,33,95)
```
#1c266f
```
#1c266f rgb(28,38,111)
```
#202c7f
```
#202c7f rgb(32,44,127)
```
#24318e
```
#24318e rgb(36,49,142)
```
#28379e
```
#28379e rgb(40,55,158)
```
#2c3cae
```
#2c3cae rgb(44,60,174)
```
#3041be
```
#3041be rgb(48,65,190)
```

Shade Color Variation

#3548cc
```
#3548cc rgb(53,72,204)
```
#4456d0
```
#4456d0 rgb(68,86,208)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#6472d8
```
#6472d8 rgb(100,114,216)
```
#7380dc
```
#7380dc rgb(115,128,220)
```
#838fe0
```
#838fe0 rgb(131,143,224)
```
#939de4
```
#939de4 rgb(147,157,228)
```
#a2abe8
```
#a2abe8 rgb(162,171,232)
```
#b2b9ec
```
#b2b9ec rgb(178,185,236)
```
#c2c7f0
```
#c2c7f0 rgb(194,199,240)
```
#d1d6f4
```
#d1d6f4 rgb(209,214,244)
```
#e1e4f7
```
#e1e4f7 rgb(225,228,247)
```
#f1f2fb
```
#f1f2fb rgb(241,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f9a is the less saturated color, while #2b45fd is the most saturated one.

#8e8f9a
```
#8e8f9a rgb(142,143,154)
```
#8589a3
```
#8589a3 rgb(133,137,163)
```
#7d83ab
```
#7d83ab rgb(125,131,171)
```
#757db3
```
#757db3 rgb(117,125,179)
```
#6d77bb
```
#6d77bb rgb(109,119,187)
```
#6470c4
```
#6470c4 rgb(100,112,196)
```
#5c6acc
```
#5c6acc rgb(92,106,204)
```
#5464d4
```
#5464d4 rgb(84,100,212)
```
#4c5edc
```
#4c5edc rgb(76,94,220)
```
#4458e4
```
#4458e4 rgb(68,88,228)
```
#3b51ed
```
#3b51ed rgb(59,81,237)
```
#334bf5
```
#334bf5 rgb(51,75,245)
```
#2b45fd
```
#2b45fd rgb(43,69,253)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2572dc Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#298089 Tritanopia 0.001% of the population

Trichromacy

#366dd9 Protanomaly 1% of men, 0.01% of women
#1e70cb Deuteranomaly 6% of men, 0.4% of women
#3976a4 Tritanomaly 0.01% of the population

#5464d4 hex color

#5464d4 Color Information

#5464d4 Color Conversion

Color Schemes with #5464d4

Alternatives to #5464d4

#5464d4 Preview

Shades and Tints of #5464d4

Tones of #5464d4

Color Blindness Simulator