#5460ff hex color

In a RGB color space, hex #5460ff is composed of 32.9% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 235.8 degrees, a saturation of 100% and a lightness of 66.5%. #5460ff color hex could be obtained by blending #a8c0ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 38
- B 100
RGB color chart
- C 67
- M 62
- Y 0
- K 0
CMYK color chart

● #5460ff color description : Light blue.

The hexadecimal color #5460ff has RGB values of R:84, G:96, B:255 and CMYK values of C:0.67, M:0.62, Y:0, K:0. Its decimal value is 5529855.

Hex triplet	5460ff	`#5460ff`
RGB Decimal	84, 96, 255	`rgb(84,96,255)`
RGB Percent	32.9, 37.6, 100	`rgb(32.9%,37.6%,100%)`
CMYK	67, 62, 0, 0
HSL	235.8°, 100, 66.5	`hsl(235.8,100%,66.5%)`
HSV (or HSB)	235.8°, 67.1, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.846, 44.59, -80.381
XYZ	25.885, 17.469, 96.61
xyY	0.185, 0.125, 17.469
CIE-LCH	48.846, 91.92, 299.018
CIE-LUV	48.846, -11.827, -124.592
Hunter-Lab	41.796, 37.407, -107.789
Binary	01010100, 01100000, 11111111

#5460ff
```
#5460ff rgb(84,96,255)
```
#fff354
```
#fff354 rgb(255,243,84)
```

Complementary Color

#54b6ff
```
#54b6ff rgb(84,182,255)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#9e54ff
```
#9e54ff rgb(158,84,255)
```

Analogous Color

#b6ff54
```
#b6ff54 rgb(182,255,84)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#ff9e54
```
#ff9e54 rgb(255,158,84)
```

Split Complementary Color

#60ff54
```
#60ff54 rgb(96,255,84)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#ff5460
```
#ff5460 rgb(255,84,96)
```

Triadic Color

#54fff3
```
#54fff3 rgb(84,255,243)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#ff5460
```
#ff5460 rgb(255,84,96)
```
#fff354
```
#fff354 rgb(255,243,84)
```

Tetradic Color

#0719ff
```
#0719ff rgb(7,25,255)
```
#2131ff
```
#2131ff rgb(33,49,255)
```
#3b48ff
```
#3b48ff rgb(59,72,255)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#6e78ff
```
#6e78ff rgb(110,120,255)
```
#878fff
```
#878fff rgb(135,143,255)
```
#a1a7ff
```
#a1a7ff rgb(161,167,255)
```

Monochromatic Color

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

#548bff
```
#548bff rgb(84,139,255)
```
#547dff
```
#547dff rgb(84,125,255)
```
#546eff
```
#546eff rgb(84,110,255)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#5654ff
```
#5654ff rgb(86,84,255)
```
#6554ff
```
#6554ff rgb(101,84,255)
```
#7354ff
```
#7354ff rgb(115,84,255)
```

Similar Colors

Text with hexadecimal color #5460ff

This text has a font color of #5460ff.

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

#5460ff background color

This paragraph has a background color of #5460ff.

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

#5460ff border color

This element has a border color of #5460ff.

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

CSS codes

.text {color:#5460ff;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#000219
```
#000219 rgb(0,2,25)
```
#00032d
```
#00032d rgb(0,3,45)
```
#000540
```
#000540 rgb(0,5,64)
```
#000654
```
#000654 rgb(0,6,84)
```
#000768
```
#000768 rgb(0,7,104)
```
#00097b
```
#00097b rgb(0,9,123)
```
#000a8f
```
#000a8f rgb(0,10,143)
```
#000ba2
```
#000ba2 rgb(0,11,162)
```
#000db6
```
#000db6 rgb(0,13,182)
```
#000eca
```
#000eca rgb(0,14,202)
```
#0010dd
```
#0010dd rgb(0,16,221)
```
#0011f1
```
#0011f1 rgb(0,17,241)
```

Shade Color Variation

#0617ff
```
#0617ff rgb(6,23,255)
```
#1929ff
```
#1929ff rgb(25,41,255)
```
#2d3cff
```
#2d3cff rgb(45,60,255)
```
#404eff
```
#404eff rgb(64,78,255)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#7b84ff
```
#7b84ff rgb(123,132,255)
```
#8f97ff
```
#8f97ff rgb(143,151,255)
```
#a2a9ff
```
#a2a9ff rgb(162,169,255)
```
#b6bbff
```
#b6bbff rgb(182,187,255)
```
#cacdff
```
#cacdff rgb(202,205,255)
```
#dde0ff
```
#dde0ff rgb(221,224,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a4b0 is the less saturated color, while #5460ff is the most saturated one.

#a3a4b0
```
#a3a4b0 rgb(163,164,176)
```
#9c9eb7
```
#9c9eb7 rgb(156,158,183)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#8f93c4
```
#8f93c4 rgb(143,147,196)
```
#898dca
```
#898dca rgb(137,141,202)
```
#8288d1
```
#8288d1 rgb(130,136,209)
```
#7b82d8
```
#7b82d8 rgb(123,130,216)
```
#757cde
```
#757cde rgb(117,124,222)
```
#6e77e5
```
#6e77e5 rgb(110,119,229)
```
#6871eb
```
#6871eb rgb(104,113,235)
```
#616bf2
```
#616bf2 rgb(97,107,242)
```
#5b66f8
```
#5b66f8 rgb(91,102,248)
```
#5460ff
```
#5460ff rgb(84,96,255)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a6c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#1e6ff1 Protanomaly 1% of men, 0.01% of women
#1e73de Deuteranomaly 6% of men, 0.4% of women
#1e79b8 Tritanomaly 0.01% of the population

#5460ff hex color

#5460ff Color Information

#5460ff Color Conversion

Color Schemes with #5460ff

Alternatives to #5460ff

#5460ff Preview

Shades and Tints of #5460ff

Tones of #5460ff

Color Blindness Simulator