#5460d2 hex color

In a RGB color space, hex #5460d2 is composed of 32.9% red, 37.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 54.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 234.3 degrees, a saturation of 58.3% and a lightness of 57.6%. #5460d2 color hex could be obtained by blending #a8c0ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 82
RGB color chart
- C 60
- M 54
- Y 0
- K 18
CMYK color chart

● #5460d2 color description : Moderate blue.

The hexadecimal color #5460d2 has RGB values of R:84, G:96, B:210 and CMYK values of C:0.6, M:0.54, Y:0, K:0.18. Its decimal value is 5529810.

Hex triplet	5460d2	`#5460d2`
RGB Decimal	84, 96, 210	`rgb(84,96,210)`
RGB Percent	32.9, 37.6, 82.4	`rgb(32.9%,37.6%,82.4%)`
CMYK	60, 54, 0, 18
HSL	234.3°, 58.3, 57.6	`hsl(234.3,58.3%,57.6%)`
HSV (or HSB)	234.3°, 60, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.501, 29.653, -60.462
XYZ	19.47, 14.903, 62.82
xyY	0.2, 0.153, 14.903
CIE-LCH	45.501, 67.342, 296.125
CIE-LUV	45.501, -10.26, -93.151
Hunter-Lab	38.604, 22.467, -69.459
Binary	01010100, 01100000, 11010010

#5460d2
```
#5460d2 rgb(84,96,210)
```
#d2c654
```
#d2c654 rgb(210,198,84)
```

Complementary Color

#549fd2
```
#549fd2 rgb(84,159,210)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#8754d2
```
#8754d2 rgb(135,84,210)
```

Analogous Color

#9fd254
```
#9fd254 rgb(159,210,84)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#d28754
```
#d28754 rgb(210,135,84)
```

Split Complementary Color

#60d254
```
#60d254 rgb(96,210,84)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#d25460
```
#d25460 rgb(210,84,96)
```

Triadic Color

#54d2c6
```
#54d2c6 rgb(84,210,198)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#d25460
```
#d25460 rgb(210,84,96)
```
#d2c654
```
#d2c654 rgb(210,198,84)
```

Tetradic Color

#2d39ac
```
#2d39ac rgb(45,57,172)
```
#3340c0
```
#3340c0 rgb(51,64,192)
```
#404dcd
```
#404dcd rgb(64,77,205)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#6873d7
```
#6873d7 rgb(104,115,215)
```
#7c86dd
```
#7c86dd rgb(124,134,221)
```
#9198e2
```
#9198e2 rgb(145,152,226)
```

Monochromatic Color

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

#5480d2
```
#5480d2 rgb(84,128,210)
```
#5475d2
```
#5475d2 rgb(84,117,210)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#5456d2
```
#5456d2 rgb(84,86,210)
```
#5d54d2
```
#5d54d2 rgb(93,84,210)
```
#6854d2
```
#6854d2 rgb(104,84,210)
```

Similar Colors

Text with hexadecimal color #5460d2

This text has a font color of #5460d2.

<span style="color:#5460d2;">Text here</span>

#5460d2 background color

This paragraph has a background color of #5460d2.

<p style="background-color:#5460d2;">Content here</p>

#5460d2 border color

This element has a border color of #5460d2.

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

CSS codes

.text {color:#5460d2;}

.background {background-color:#5460d2;}

.border {border:1px solid #5460d2;}

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, #04050f is the darkest color, while #ffffff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#080a1f
```
#080a1f rgb(8,10,31)
```
#0c0f2e
```
#0c0f2e rgb(12,15,46)
```
#10153e
```
#10153e rgb(16,21,62)
```
#141a4d
```
#141a4d rgb(20,26,77)
```
#181f5d
```
#181f5d rgb(24,31,93)
```
#1d246d
```
#1d246d rgb(29,36,109)
```
#21297c
```
#21297c rgb(33,41,124)
```
#252f8c
```
#252f8c rgb(37,47,140)
```
#29349b
```
#29349b rgb(41,52,155)
```
#2d39ab
```
#2d39ab rgb(45,57,171)
```
#313eba
```
#313eba rgb(49,62,186)
```
#3543ca
```
#3543ca rgb(53,67,202)
```

Shade Color Variation

#4452ce
```
#4452ce rgb(68,82,206)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#646ed6
```
#646ed6 rgb(100,110,214)
```
#737dda
```
#737dda rgb(115,125,218)
```
#838bde
```
#838bde rgb(131,139,222)
```
#929ae2
```
#929ae2 rgb(146,154,226)
```
#a2a8e6
```
#a2a8e6 rgb(162,168,230)
```
#b1b7eb
```
#b1b7eb rgb(177,183,235)
```
#c1c5ef
```
#c1c5ef rgb(193,197,239)
```
#d0d4f3
```
#d0d4f3 rgb(208,212,243)
```
#e0e2f7
```
#e0e2f7 rgb(224,226,247)
```
#eff0fb
```
#eff0fb rgb(239,240,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e8f98
```
#8e8f98 rgb(142,143,152)
```
#8688a0
```
#8688a0 rgb(134,136,160)
```
#7e82a8
```
#7e82a8 rgb(126,130,168)
```
#757bb1
```
#757bb1 rgb(117,123,177)
```
#6d74b9
```
#6d74b9 rgb(109,116,185)
```
#656dc1
```
#656dc1 rgb(101,109,193)
```
#5c67ca
```
#5c67ca rgb(92,103,202)
```
#5460d2
```
#5460d2 rgb(84,96,210)
```
#4c59da
```
#4c59da rgb(76,89,218)
```
#4353e3
```
#4353e3 rgb(67,83,227)
```
#3b4ceb
```
#3b4ceb rgb(59,76,235)
```
#3345f3
```
#3345f3 rgb(51,69,243)
```
#2a3efc
```
#2a3efc rgb(42,62,252)
```

Tone Color Variation

Below, you can see how #5460d2 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

#696969 Achromatopsia 0.005% of the population
#65677e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0a6fdb Protanopia 1% of men
#0075c1 Deuteranopia 1% of men
#2a7d86 Tritanopia 0.001% of the population

Trichromacy

#2569d7 Protanomaly 1% of men, 0.01% of women
#1e6dc7 Deuteranomaly 6% of men, 0.4% of women
#3972a2 Tritanomaly 0.01% of the population

#5460d2 hex color

#5460d2 Color Information

#5460d2 Color Conversion

Color Schemes with #5460d2

Alternatives to #5460d2

#5460d2 Preview

Shades and Tints of #5460d2

Tones of #5460d2

Color Blindness Simulator