colorhexa.com

#5459f8 hex color

In a RGB color space, hex #5459f8 is composed of 32.9% red, 34.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 64.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 238.2 degrees, a saturation of 92.1% and a lightness of 65.1%. #5459f8 color hex could be obtained by blending #a8b2ff with #0000f1. Closest websafe color is: #6666ff.

- R 33
- G 35
- B 97
RGB color chart
- C 66
- M 64
- Y 0
- K 3
CMYK color chart

● #5459f8 color description : Soft blue.

The hexadecimal color #5459f8 has RGB values of R:84, G:89, B:248 and CMYK values of C:0.66, M:0.64, Y:0, K:0.03. Its decimal value is 5528056.

Hex triplet	5459f8	`#5459f8`
RGB Decimal	84, 89, 248	`rgb(84,89,248)`
RGB Percent	32.9, 34.9, 97.3	`rgb(32.9%,34.9%,97.3%)`
CMYK	66, 64, 0, 3
HSL	238.2°, 92.1, 65.1	`hsl(238.2,92.1%,65.1%)`
HSV (or HSB)	238.2°, 66.1, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.718, 46.429, -79.963
XYZ	24.168, 15.806, 90.579
xyY	0.185, 0.121, 15.806
CIE-LCH	46.718, 92.465, 300.141
CIE-LUV	46.718, -9.997, -122.345
Hunter-Lab	39.756, 38.939, -107.254
Binary	01010100, 01011001, 11111000

#5459f8
```
#5459f8 rgb(84,89,248)
```
#f8f354
```
#f8f354 rgb(248,243,84)
```

Complementary Color

#54abf8
```
#54abf8 rgb(84,171,248)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#a154f8
```
#a154f8 rgb(161,84,248)
```

Analogous Color

#abf854
```
#abf854 rgb(171,248,84)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#f8a154
```
#f8a154 rgb(248,161,84)
```

Split Complementary Color

#59f854
```
#59f854 rgb(89,248,84)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#f85459
```
#f85459 rgb(248,84,89)
```

Triadic Color

#54f8f3
```
#54f8f3 rgb(84,248,243)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#f85459
```
#f85459 rgb(248,84,89)
```
#f8f354
```
#f8f354 rgb(248,243,84)
```

Tetradic Color

#0b12f5
```
#0b12f5 rgb(11,18,245)
```
#2329f6
```
#2329f6 rgb(35,41,246)
```
#3c41f7
```
#3c41f7 rgb(60,65,247)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#6c71f9
```
#6c71f9 rgb(108,113,249)
```
#8589fa
```
#8589fa rgb(133,137,250)
```
#9da0fb
```
#9da0fb rgb(157,160,251)
```

Monochromatic Color

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

#5482f8
```
#5482f8 rgb(84,130,248)
```
#5474f8
```
#5474f8 rgb(84,116,248)
```
#5467f8
```
#5467f8 rgb(84,103,248)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#5d54f8
```
#5d54f8 rgb(93,84,248)
```
#6a54f8
```
#6a54f8 rgb(106,84,248)
```
#7854f8
```
#7854f8 rgb(120,84,248)
```

Similar Colors

Text with hexadecimal color #5459f8

This text has a font color of #5459f8.

<span style="color:#5459f8;">Text here</span>

#5459f8 background color

This paragraph has a background color of #5459f8.

<p style="background-color:#5459f8;">Content here</p>

#5459f8 border color

This element has a border color of #5459f8.

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

CSS codes

.text {color:#5459f8;}

.background {background-color:#5459f8;}

.border {border:1px solid #5459f8;}

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

#010111
```
#010111 rgb(1,1,17)
```
#010324
```
#010324 rgb(1,3,36)
```
#020437
```
#020437 rgb(2,4,55)
```
#03054a
```
#03054a rgb(3,5,74)
```
#04075d
```
#04075d rgb(4,7,93)
```
#050870
```
#050870 rgb(5,8,112)
```
#050983
```
#050983 rgb(5,9,131)
```
#060a95
```
#060a95 rgb(6,10,149)
```
#070ca8
```
#070ca8 rgb(7,12,168)
```
#080dbb
```
#080dbb rgb(8,13,187)
```
#080ece
```
#080ece rgb(8,14,206)
```
#0910e1
```
#0910e1 rgb(9,16,225)
```
#0a11f4
```
#0a11f4 rgb(10,17,244)
```

Shade Color Variation

#1b22f6
```
#1b22f6 rgb(27,34,246)
```
#2e34f6
```
#2e34f6 rgb(46,52,246)
```
#4147f7
```
#4147f7 rgb(65,71,247)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#676bf9
```
#676bf9 rgb(103,107,249)
```
#7a7efa
```
#7a7efa rgb(122,126,250)
```
#8d90fa
```
#8d90fa rgb(141,144,250)
```
#9fa2fb
```
#9fa2fb rgb(159,162,251)
```
#b2b4fc
```
#b2b4fc rgb(178,180,252)
```
#c5c7fd
```
#c5c7fd rgb(197,199,253)
```
#d8d9fd
```
#d8d9fd rgb(216,217,253)
```
#ebebfe
```
#ebebfe rgb(235,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0ad is the less saturated color, while #4d53ff is the most saturated one.

#9fa0ad
```
#9fa0ad rgb(159,160,173)
```
#9899b4
```
#9899b4 rgb(152,153,180)
```
#9293ba
```
#9293ba rgb(146,147,186)
```
#8b8cc1
```
#8b8cc1 rgb(139,140,193)
```
#8486c8
```
#8486c8 rgb(132,134,200)
```
#7d80cf
```
#7d80cf rgb(125,128,207)
```
#7679d6
```
#7679d6 rgb(118,121,214)
```
#6f73dd
```
#6f73dd rgb(111,115,221)
```
#696ce3
```
#696ce3 rgb(105,108,227)
```
#6266ea
```
#6266ea rgb(98,102,234)
```
#5b5ff1
```
#5b5ff1 rgb(91,95,241)
```
#5459f8
```
#5459f8 rgb(84,89,248)
```
#4d53ff
```
#4d53ff rgb(77,83,255)
```

Tone Color Variation

Below, you can see how #5459f8 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
#666786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#1e69e8 Protanomaly 1% of men, 0.01% of women
#1e6dd6 Deuteranomaly 6% of men, 0.4% of women
#1e72b2 Tritanomaly 0.01% of the population