#5d7ad6 hex color

In a RGB color space, hex #5d7ad6 is composed of 36.5% red, 47.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 43% magenta, 0% yellow and 16.1% black. It has a hue angle of 225.6 degrees, a saturation of 59.6% and a lightness of 60.2%. #5d7ad6 color hex could be obtained by blending #baf4ff with #0000ad. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 84
RGB color chart
- C 57
- M 43
- Y 0
- K 16
CMYK color chart

● #5d7ad6 color description : Moderate blue.

The hexadecimal color #5d7ad6 has RGB values of R:93, G:122, B:214 and CMYK values of C:0.57, M:0.43, Y:0, K:0.16. Its decimal value is 6126294.

Hex triplet	5d7ad6	`#5d7ad6`
RGB Decimal	93, 122, 214	`rgb(93,122,214)`
RGB Percent	36.5, 47.8, 83.9	`rgb(36.5%,47.8%,83.9%)`
CMYK	57, 43, 0, 16
HSL	225.6°, 59.6, 60.2	`hsl(225.6,59.6%,60.2%)`
HSV (or HSB)	225.6°, 56.5, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.059, 16.635, -50.572
XYZ	23.609, 21.1, 66.443
xyY	0.212, 0.19, 21.1
CIE-LCH	53.059, 53.238, 288.208
CIE-LUV	53.059, -15.712, -80.222
Hunter-Lab	45.935, 11.356, -53.607
Binary	01011101, 01111010, 11010110

#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#d6b95d
```
#d6b95d rgb(214,185,93)
```

Complementary Color

#5db7d6
```
#5db7d6 rgb(93,183,214)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#7d5dd6
```
#7d5dd6 rgb(125,93,214)
```

Analogous Color

#b7d65d
```
#b7d65d rgb(183,214,93)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#d67d5d
```
#d67d5d rgb(214,125,93)
```

Split Complementary Color

#7ad65d
```
#7ad65d rgb(122,214,93)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#d65d7a
```
#d65d7a rgb(214,93,122)
```

Triadic Color

#5dd6b9
```
#5dd6b9 rgb(93,214,185)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#d65d7a
```
#d65d7a rgb(214,93,122)
```
#d6b95d
```
#d6b95d rgb(214,185,93)
```

Tetradic Color

#2f4fb8
```
#2f4fb8 rgb(47,79,184)
```
#3459cc
```
#3459cc rgb(52,89,204)
```
#4969d1
```
#4969d1 rgb(73,105,209)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#718bdb
```
#718bdb rgb(113,139,219)
```
#869be0
```
#869be0 rgb(134,155,224)
```
#9aace5
```
#9aace5 rgb(154,172,229)
```

Monochromatic Color

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

#5d98d6
```
#5d98d6 rgb(93,152,214)
```
#5d8ed6
```
#5d8ed6 rgb(93,142,214)
```
#5d84d6
```
#5d84d6 rgb(93,132,214)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#5d70d6
```
#5d70d6 rgb(93,112,214)
```
#5d66d6
```
#5d66d6 rgb(93,102,214)
```
#5e5dd6
```
#5e5dd6 rgb(94,93,214)
```

Similar Colors

Text with hexadecimal color #5d7ad6

This text has a font color of #5d7ad6.

<span style="color:#5d7ad6;">Text here</span>

#5d7ad6 background color

This paragraph has a background color of #5d7ad6.

<p style="background-color:#5d7ad6;">Content here</p>

#5d7ad6 border color

This element has a border color of #5d7ad6.

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

CSS codes

.text {color:#5d7ad6;}

.background {background-color:#5d7ad6;}

.border {border:1px solid #5d7ad6;}

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, #03040a is the darkest color, while #fafbfe is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#070b1a
```
#070b1a rgb(7,11,26)
```
#0b1229
```
#0b1229 rgb(11,18,41)
```
#0e1939
```
#0e1939 rgb(14,25,57)
```
#121f49
```
#121f49 rgb(18,31,73)
```
#162658
```
#162658 rgb(22,38,88)
```
#1a2d68
```
#1a2d68 rgb(26,45,104)
```
#1e3478
```
#1e3478 rgb(30,52,120)
```
#223b87
```
#223b87 rgb(34,59,135)
```
#264197
```
#264197 rgb(38,65,151)
```
#2a48a7
```
#2a48a7 rgb(42,72,167)
```
#2e4fb6
```
#2e4fb6 rgb(46,79,182)
```
#3256c6
```
#3256c6 rgb(50,86,198)
```

Shade Color Variation

#3e60ce
```
#3e60ce rgb(62,96,206)
```
#4d6dd2
```
#4d6dd2 rgb(77,109,210)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#6d87da
```
#6d87da rgb(109,135,218)
```
#7c94de
```
#7c94de rgb(124,148,222)
```
#8ca1e2
```
#8ca1e2 rgb(140,161,226)
```
#9cade6
```
#9cade6 rgb(156,173,230)
```
#abbaea
```
#abbaea rgb(171,186,234)
```
#bbc7ee
```
#bbc7ee rgb(187,199,238)
```
#cbd4f2
```
#cbd4f2 rgb(203,212,242)
```
#dae1f6
```
#dae1f6 rgb(218,225,246)
```
#eaeefa
```
#eaeefa rgb(234,238,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#94969f
```
#94969f rgb(148,150,159)
```
#8c92a7
```
#8c92a7 rgb(140,146,167)
```
#848eaf
```
#848eaf rgb(132,142,175)
```
#7c8ab7
```
#7c8ab7 rgb(124,138,183)
```
#7486bf
```
#7486bf rgb(116,134,191)
```
#6d82c6
```
#6d82c6 rgb(109,130,198)
```
#657ece
```
#657ece rgb(101,126,206)
```
#5d7ad6
```
#5d7ad6 rgb(93,122,214)
```
#5576de
```
#5576de rgb(85,118,222)
```
#4d72e6
```
#4d72e6 rgb(77,114,230)
```
#466eed
```
#466eed rgb(70,110,237)
```
#3e6af5
```
#3e6af5 rgb(62,106,245)
```
#3666fd
```
#3666fd rgb(54,102,253)
```

Tone Color Variation

Below, you can see how #5d7ad6 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

#7c7c7c Achromatopsia 0.005% of the population
#767c8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b82d9 Protanopia 1% of men
#4686d5 Deuteranopia 1% of men
#458f9a Tritanopia 0.001% of the population

Trichromacy

#5c7fd8 Protanomaly 1% of men, 0.01% of women
#4e81d5 Deuteranomaly 6% of men, 0.4% of women
#4d87af Tritanomaly 0.01% of the population

#5d7ad6 hex color

#5d7ad6 Color Information

#5d7ad6 Color Conversion

Color Schemes with #5d7ad6

Alternatives to #5d7ad6

#5d7ad6 Preview

Shades and Tints of #5d7ad6

Tones of #5d7ad6

Color Blindness Simulator