#5457dd hex color

In a RGB color space, hex #5457dd is composed of 32.9% red, 34.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 60.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 238.7 degrees, a saturation of 66.8% and a lightness of 59.8%. #5457dd color hex could be obtained by blending #a8aeff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 87
RGB color chart
- C 62
- M 61
- Y 0
- K 13
CMYK color chart

● #5457dd color description : Soft blue.

The hexadecimal color #5457dd has RGB values of R:84, G:87, B:221 and CMYK values of C:0.62, M:0.61, Y:0, K:0.13. Its decimal value is 5527517.

Hex triplet	5457dd	`#5457dd`
RGB Decimal	84, 87, 221	`rgb(84,87,221)`
RGB Percent	32.9, 34.1, 86.7	`rgb(32.9%,34.1%,86.7%)`
CMYK	62, 61, 0, 13
HSL	238.7°, 66.8, 59.8	`hsl(238.7,66.8%,59.8%)`
HSV (or HSB)	238.7°, 62, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.119, 38.82, -68.985
XYZ	20.113, 13.921, 70.03
xyY	0.193, 0.134, 13.921
CIE-LCH	44.119, 79.158, 299.368
CIE-LUV	44.119, -8.365, -104.933
Hunter-Lab	37.31, 30.93, -85.167
Binary	01010100, 01010111, 11011101

#5457dd
```
#5457dd rgb(84,87,221)
```
#ddda54
```
#ddda54 rgb(221,218,84)
```

Complementary Color

#549cdd
```
#549cdd rgb(84,156,221)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#9654dd
```
#9654dd rgb(150,84,221)
```

Analogous Color

#9cdd54
```
#9cdd54 rgb(156,221,84)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#dd9654
```
#dd9654 rgb(221,150,84)
```

Split Complementary Color

#57dd54
```
#57dd54 rgb(87,221,84)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#dd5457
```
#dd5457 rgb(221,84,87)
```

Triadic Color

#54ddda
```
#54ddda rgb(84,221,218)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#dd5457
```
#dd5457 rgb(221,84,87)
```
#ddda54
```
#ddda54 rgb(221,218,84)
```

Tetradic Color

#2629bf
```
#2629bf rgb(38,41,191)
```
#2a2ed4
```
#2a2ed4 rgb(42,46,212)
```
#3f42d9
```
#3f42d9 rgb(63,66,217)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#696ce1
```
#696ce1 rgb(105,108,225)
```
#7f81e5
```
#7f81e5 rgb(127,129,229)
```
#9496ea
```
#9496ea rgb(148,150,234)
```

Monochromatic Color

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

#5479dd
```
#5479dd rgb(84,121,221)
```
#546edd
```
#546edd rgb(84,110,221)
```
#5462dd
```
#5462dd rgb(84,98,221)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#5c54dd
```
#5c54dd rgb(92,84,221)
```
#6854dd
```
#6854dd rgb(104,84,221)
```
#7354dd
```
#7354dd rgb(115,84,221)
```

Similar Colors

Text with hexadecimal color #5457dd

This text has a font color of #5457dd.

<span style="color:#5457dd;">Text here</span>

#5457dd background color

This paragraph has a background color of #5457dd.

<p style="background-color:#5457dd;">Content here</p>

#5457dd border color

This element has a border color of #5457dd.

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

CSS codes

.text {color:#5457dd;}

.background {background-color:#5457dd;}

.border {border:1px solid #5457dd;}

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

#020209
```
#020209 rgb(2,2,9)
```
#050519
```
#050519 rgb(5,5,25)
```
#08092a
```
#08092a rgb(8,9,42)
```
#0c0d3a
```
#0c0d3a rgb(12,13,58)
```
#0f104a
```
#0f104a rgb(15,16,74)
```
#12145b
```
#12145b rgb(18,20,91)
```
#15176b
```
#15176b rgb(21,23,107)
```
#191b7c
```
#191b7c rgb(25,27,124)
```
#1c1e8c
```
#1c1e8c rgb(28,30,140)
```
#1f229c
```
#1f229c rgb(31,34,156)
```
#2225ad
```
#2225ad rgb(34,37,173)
```
#2629bd
```
#2629bd rgb(38,41,189)
```
#292ccd
```
#292ccd rgb(41,44,205)
```

Shade Color Variation

#3337d6
```
#3337d6 rgb(51,55,214)
```
#4447da
```
#4447da rgb(68,71,218)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#6467e0
```
#6467e0 rgb(100,103,224)
```
#7577e4
```
#7577e4 rgb(117,119,228)
```
#8587e7
```
#8587e7 rgb(133,135,231)
```
#9597ea
```
#9597ea rgb(149,151,234)
```
#a6a7ed
```
#a6a7ed rgb(166,167,237)
```
#b6b7f1
```
#b6b7f1 rgb(182,183,241)
```
#c7c8f4
```
#c7c8f4 rgb(199,200,244)
```
#d7d8f7
```
#d7d8f7 rgb(215,216,247)
```
#e7e8fa
```
#e7e8fa rgb(231,232,250)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#93939e
```
#93939e rgb(147,147,158)
```
#8b8ca6
```
#8b8ca6 rgb(139,140,166)
```
#8384ae
```
#8384ae rgb(131,132,174)
```
#7b7db6
```
#7b7db6 rgb(123,125,182)
```
#7475bd
```
#7475bd rgb(116,117,189)
```
#6c6ec5
```
#6c6ec5 rgb(108,110,197)
```
#6466cd
```
#6466cd rgb(100,102,205)
```
#5c5fd5
```
#5c5fd5 rgb(92,95,213)
```
#5457dd
```
#5457dd rgb(84,87,221)
```
#4c4fe5
```
#4c4fe5 rgb(76,79,229)
```
#4448ed
```
#4448ed rgb(68,72,237)
```
#3c40f5
```
#3c40f5 rgb(60,64,245)
```
#3439fd
```
#3439fd rgb(52,57,253)
```

Tone Color Variation

Below, you can see how #5457dd 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

#656565 Achromatopsia 0.005% of the population
#62627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1e64d7 Protanomaly 1% of men, 0.01% of women
#1e68c6 Deuteranomaly 6% of men, 0.4% of women
#1e6da4 Tritanomaly 0.01% of the population

#5457dd hex color

#5457dd Color Information

#5457dd Color Conversion

Color Schemes with #5457dd

Alternatives to #5457dd

#5457dd Preview

Shades and Tints of #5457dd

Tones of #5457dd

Color Blindness Simulator