#5456fd hex color

In a RGB color space, hex #5456fd is composed of 32.9% red, 33.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 66% magenta, 0% yellow and 0.8% black. It has a hue angle of 239.3 degrees, a saturation of 97.7% and a lightness of 66.1%. #5456fd color hex could be obtained by blending #a8acff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 34
- B 99
RGB color chart
- C 67
- M 66
- Y 0
- K 1
CMYK color chart

● #5456fd color description : Soft blue.

The hexadecimal color #5456fd has RGB values of R:84, G:86, B:253 and CMYK values of C:0.67, M:0.66, Y:0, K:0.01. Its decimal value is 5527293.

Hex triplet	5456fd	`#5456fd`
RGB Decimal	84, 86, 253	`rgb(84,86,253)`
RGB Percent	32.9, 33.7, 99.2	`rgb(32.9%,33.7%,99.2%)`
CMYK	67, 66, 0, 1
HSL	239.3°, 97.7, 66.1	`hsl(239.3,97.7%,66.1%)`
HSV (or HSB)	239.3°, 66.8, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.487, 49.777, -83.132
XYZ	24.71, 15.631, 94.638
xyY	0.183, 0.116, 15.631
CIE-LCH	46.487, 96.895, 300.912
CIE-LUV	46.487, -9.574, -126.486
Hunter-Lab	39.536, 42.375, -114.248
Binary	01010100, 01010110, 11111101

#5456fd
```
#5456fd rgb(84,86,253)
```
#fdfb54
```
#fdfb54 rgb(253,251,84)
```

Complementary Color

#54abfd
```
#54abfd rgb(84,171,253)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#a754fd
```
#a754fd rgb(167,84,253)
```

Analogous Color

#abfd54
```
#abfd54 rgb(171,253,84)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#fda754
```
#fda754 rgb(253,167,84)
```

Split Complementary Color

#56fd54
```
#56fd54 rgb(86,253,84)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#fd5456
```
#fd5456 rgb(253,84,86)
```

Triadic Color

#54fdfb
```
#54fdfb rgb(84,253,251)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#fd5456
```
#fd5456 rgb(253,84,86)
```
#fdfb54
```
#fdfb54 rgb(253,251,84)
```

Tetradic Color

#080bfc
```
#080bfc rgb(8,11,252)
```
#2224fc
```
#2224fc rgb(34,36,252)
```
#3b3dfd
```
#3b3dfd rgb(59,61,253)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#6d6ffd
```
#6d6ffd rgb(109,111,253)
```
#8688fe
```
#8688fe rgb(134,136,254)
```
#a0a1fe
```
#a0a1fe rgb(160,161,254)
```

Monochromatic Color

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

#5480fd
```
#5480fd rgb(84,128,253)
```
#5472fd
```
#5472fd rgb(84,114,253)
```
#5464fd
```
#5464fd rgb(84,100,253)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#6054fd
```
#6054fd rgb(96,84,253)
```
#6e54fd
```
#6e54fd rgb(110,84,253)
```
#7c54fd
```
#7c54fd rgb(124,84,253)
```

Similar Colors

Text with hexadecimal color #5456fd

This text has a font color of #5456fd.

<span style="color:#5456fd;">Text here</span>

#5456fd background color

This paragraph has a background color of #5456fd.

<p style="background-color:#5456fd;">Content here</p>

#5456fd border color

This element has a border color of #5456fd.

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

CSS codes

.text {color:#5456fd;}

.background {background-color:#5456fd;}

.border {border:1px solid #5456fd;}

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

#000003
```
#000003 rgb(0,0,3)
```
#000117
```
#000117 rgb(0,1,23)
```
#00012a
```
#00012a rgb(0,1,42)
```
#01013e
```
#01013e rgb(1,1,62)
```
#010251
```
#010251 rgb(1,2,81)
```
#010264
```
#010264 rgb(1,2,100)
```
#010378
```
#010378 rgb(1,3,120)
```
#02038b
```
#02038b rgb(2,3,139)
```
#02049f
```
#02049f rgb(2,4,159)
```
#0204b2
```
#0204b2 rgb(2,4,178)
```
#0205c5
```
#0205c5 rgb(2,5,197)
```
#0305d9
```
#0305d9 rgb(3,5,217)
```
#0306ec
```
#0306ec rgb(3,6,236)
```

Shade Color Variation

#0609fc
```
#0609fc rgb(6,9,252)
```
#1a1dfc
```
#1a1dfc rgb(26,29,252)
```
#2d30fd
```
#2d30fd rgb(45,48,253)
```
#4143fd
```
#4143fd rgb(65,67,253)
```
#5456fd
```
#5456fd rgb(84,86,253)
```
#6769fd
```
#6769fd rgb(103,105,253)
```
#7b7cfd
```
#7b7cfd rgb(123,124,253)
```
#8e8ffe
```
#8e8ffe rgb(142,143,254)
```
#a2a3fe
```
#a2a3fe rgb(162,163,254)
```
#b5b6fe
```
#b5b6fe rgb(181,182,254)
```
#c8c9fe
```
#c8c9fe rgb(200,201,254)
```
#dcdcff
```
#dcdcff rgb(220,220,255)
```
#efefff
```
#efefff rgb(239,239,255)
```

Tint Color Variation

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

#a4a4ad
```
#a4a4ad rgb(164,164,173)
```
#9d9db4
```
#9d9db4 rgb(157,157,180)
```
#9797ba
```
#9797ba rgb(151,151,186)
```
#9090c1
```
#9090c1 rgb(144,144,193)
```
#898ac8
```
#898ac8 rgb(137,138,200)
```
#8383ce
```
#8383ce rgb(131,131,206)
```
#7c7dd5
```
#7c7dd5 rgb(124,125,213)
```
#7576dc
```
#7576dc rgb(117,118,220)
```
#6f70e2
```
#6f70e2 rgb(111,112,226)
```
#6869e9
```
#6869e9 rgb(104,105,233)
```
#6163f0
```
#6163f0 rgb(97,99,240)
```
#5b5cf6
```
#5b5cf6 rgb(91,92,246)
```
#5456fd
```
#5456fd rgb(84,86,253)
```

Tone Color Variation

Below, you can see how #5456fd 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

#686868 Achromatopsia 0.005% of the population
#646486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1e67e9 Protanomaly 1% of men, 0.01% of women
#1e6cd7 Deuteranomaly 6% of men, 0.4% of women
#1e71b3 Tritanomaly 0.01% of the population

#5456fd hex color

#5456fd Color Information

#5456fd Color Conversion

Color Schemes with #5456fd

Alternatives to #5456fd

#5456fd Preview

Shades and Tints of #5456fd

Tones of #5456fd

Color Blindness Simulator