#5057dd hex color

In a RGB color space, hex #5057dd is composed of 31.4% red, 34.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 60.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 237 degrees, a saturation of 67.5% and a lightness of 59%. #5057dd color hex could be obtained by blending #a0aeff with #0000bb. Closest websafe color is: #6666cc.

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

● #5057dd color description : Soft blue.

The hexadecimal color #5057dd has RGB values of R:80, G:87, B:221 and CMYK values of C:0.64, M:0.61, Y:0, K:0.13. Its decimal value is 5265373.

Hex triplet	5057dd	`#5057dd`
RGB Decimal	80, 87, 221	`rgb(80,87,221)`
RGB Percent	31.4, 34.1, 86.7	`rgb(31.4%,34.1%,86.7%)`
CMYK	64, 61, 0, 13
HSL	237°, 67.5, 59	`hsl(237,67.5%,59%)`
HSV (or HSB)	237°, 63.8, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.86, 38.21, -69.419
XYZ	19.765, 13.741, 70.013
xyY	0.191, 0.133, 13.741
CIE-LCH	43.86, 79.24, 298.83
CIE-LUV	43.86, -9.396, -105.275
Hunter-Lab	37.069, 30.303, -86.034
Binary	01010000, 01010111, 11011101

#5057dd
```
#5057dd rgb(80,87,221)
```
#ddd650
```
#ddd650 rgb(221,214,80)
```

Complementary Color

#509edd
```
#509edd rgb(80,158,221)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#9050dd
```
#9050dd rgb(144,80,221)
```

Analogous Color

#9edd50
```
#9edd50 rgb(158,221,80)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#dd9050
```
#dd9050 rgb(221,144,80)
```

Split Complementary Color

#57dd50
```
#57dd50 rgb(87,221,80)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#dd5057
```
#dd5057 rgb(221,80,87)
```

Triadic Color

#50ddd6
```
#50ddd6 rgb(80,221,214)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#dd5057
```
#dd5057 rgb(221,80,87)
```
#ddd650
```
#ddd650 rgb(221,214,80)
```

Tetradic Color

#252cbc
```
#252cbc rgb(37,44,188)
```
#2931d1
```
#2931d1 rgb(41,49,209)
```
#3b43d9
```
#3b43d9 rgb(59,67,217)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#656be1
```
#656be1 rgb(101,107,225)
```
#7b80e5
```
#7b80e5 rgb(123,128,229)
```
#9094e9
```
#9094e9 rgb(144,148,233)
```

Monochromatic Color

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

#507add
```
#507add rgb(80,122,221)
```
#506fdd
```
#506fdd rgb(80,111,221)
```
#5063dd
```
#5063dd rgb(80,99,221)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#5550dd
```
#5550dd rgb(85,80,221)
```
#6150dd
```
#6150dd rgb(97,80,221)
```
#6c50dd
```
#6c50dd rgb(108,80,221)
```

Similar Colors

Text with hexadecimal color #5057dd

This text has a font color of #5057dd.

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

#5057dd background color

This paragraph has a background color of #5057dd.

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

#5057dd border color

This element has a border color of #5057dd.

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

CSS codes

.text {color:#5057dd;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#040516
```
#040516 rgb(4,5,22)
```
#070927
```
#070927 rgb(7,9,39)
```
#0b0d37
```
#0b0d37 rgb(11,13,55)
```
#0e1147
```
#0e1147 rgb(14,17,71)
```
#111558
```
#111558 rgb(17,21,88)
```
#141868
```
#141868 rgb(20,24,104)
```
#171c79
```
#171c79 rgb(23,28,121)
```
#1b2089
```
#1b2089 rgb(27,32,137)
```
#1e2499
```
#1e2499 rgb(30,36,153)
```
#2128aa
```
#2128aa rgb(33,40,170)
```
#242cba
```
#242cba rgb(36,44,186)
```
#2730cb
```
#2730cb rgb(39,48,203)
```

Shade Color Variation

#2f37d7
```
#2f37d7 rgb(47,55,215)
```
#4047da
```
#4047da rgb(64,71,218)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#6067e0
```
#6067e0 rgb(96,103,224)
```
#7177e3
```
#7177e3 rgb(113,119,227)
```
#8186e7
```
#8186e7 rgb(129,134,231)
```
#9296ea
```
#9296ea rgb(146,150,234)
```
#a2a6ed
```
#a2a6ed rgb(162,166,237)
```
#b3b6f0
```
#b3b6f0 rgb(179,182,240)
```
#c3c5f3
```
#c3c5f3 rgb(195,197,243)
```
#d3d5f7
```
#d3d5f7 rgb(211,213,247)
```
#e4e5fa
```
#e4e5fa rgb(228,229,250)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90919d is the less saturated color, while #303afd is the most saturated one.

#90919d
```
#90919d rgb(144,145,157)
```
#888aa5
```
#888aa5 rgb(136,138,165)
```
#8082ad
```
#8082ad rgb(128,130,173)
```
#787bb5
```
#787bb5 rgb(120,123,181)
```
#7074bd
```
#7074bd rgb(112,116,189)
```
#686dc5
```
#686dc5 rgb(104,109,197)
```
#6065cd
```
#6065cd rgb(96,101,205)
```
#585ed5
```
#585ed5 rgb(88,94,213)
```
#5057dd
```
#5057dd rgb(80,87,221)
```
#4850e5
```
#4850e5 rgb(72,80,229)
```
#4049ed
```
#4049ed rgb(64,73,237)
```
#3841f5
```
#3841f5 rgb(56,65,245)
```
#303afd
```
#303afd rgb(48,58,253)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#60617c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1d64d6 Protanomaly 1% of men, 0.01% of women
#1d68c6 Deuteranomaly 6% of men, 0.4% of women
#1d6da3 Tritanomaly 0.01% of the population

#5057dd hex color

#5057dd Color Information

#5057dd Color Conversion

Color Schemes with #5057dd

Alternatives to #5057dd

#5057dd Preview

Shades and Tints of #5057dd

Tones of #5057dd

Color Blindness Simulator