#5d7aad hex color

In a RGB color space, hex #5d7aad is composed of 36.5% red, 47.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 29.5% magenta, 0% yellow and 32.2% black. It has a hue angle of 218.3 degrees, a saturation of 32.8% and a lightness of 52.2%. #5d7aad color hex could be obtained by blending #baf4ff with #00005b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 48
- B 68
RGB color chart
- C 46
- M 29
- Y 0
- K 32
CMYK color chart

● #5d7aad color description : Dark moderate blue.

The hexadecimal color #5d7aad has RGB values of R:93, G:122, B:173 and CMYK values of C:0.46, M:0.29, Y:0, K:0.32. Its decimal value is 6126253.

Hex triplet	5d7aad	`#5d7aad`
RGB Decimal	93, 122, 173	`rgb(93,122,173)`
RGB Percent	36.5, 47.8, 67.8	`rgb(36.5%,47.8%,67.8%)`
CMYK	46, 29, 0, 32
HSL	218.3°, 32.8, 52.2	`hsl(218.3,32.8%,52.2%)`
HSV (or HSB)	218.3°, 46.2, 67.8
Web Safe	666699	`#666699`

CIE-LAB	50.993, 3.667, -30.37
XYZ	19.015, 19.263, 42.249
xyY	0.236, 0.239, 19.263
CIE-LCH	50.993, 30.591, 276.885
CIE-LUV	50.993, -15.16, -46.089
Hunter-Lab	43.889, 0.529, -26.352
Binary	01011101, 01111010, 10101101

#5d7aad
```
#5d7aad rgb(93,122,173)
```
#ad905d
```
#ad905d rgb(173,144,93)
```

Complementary Color

#5da2ad
```
#5da2ad rgb(93,162,173)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#685dad
```
#685dad rgb(104,93,173)
```

Analogous Color

#a2ad5d
```
#a2ad5d rgb(162,173,93)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#ad685d
```
#ad685d rgb(173,104,93)
```

Split Complementary Color

#7aad5d
```
#7aad5d rgb(122,173,93)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#ad5d7a
```
#ad5d7a rgb(173,93,122)
```

Triadic Color

#5dad90
```
#5dad90 rgb(93,173,144)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#ad5d7a
```
#ad5d7a rgb(173,93,122)
```
#ad905d
```
#ad905d rgb(173,144,93)
```

Tetradic Color

#40567e
```
#40567e rgb(64,86,126)
```
#48628f
```
#48628f rgb(72,98,143)
```
#516da0
```
#516da0 rgb(81,109,160)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#6e88b6
```
#6e88b6 rgb(110,136,182)
```
#7f96be
```
#7f96be rgb(127,150,190)
```
#90a4c7
```
#90a4c7 rgb(144,164,199)
```

Monochromatic Color

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

#5d8ead
```
#5d8ead rgb(93,142,173)
```
#5d87ad
```
#5d87ad rgb(93,135,173)
```
#5d81ad
```
#5d81ad rgb(93,129,173)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#5d73ad
```
#5d73ad rgb(93,115,173)
```
#5d6dad
```
#5d6dad rgb(93,109,173)
```
#5d66ad
```
#5d66ad rgb(93,102,173)
```

Similar Colors

Text with hexadecimal color #5d7aad

This text has a font color of #5d7aad.

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

#5d7aad background color

This paragraph has a background color of #5d7aad.

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

#5d7aad border color

This element has a border color of #5d7aad.

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

CSS codes

.text {color:#5d7aad;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0e14
```
#0a0e14 rgb(10,14,20)
```
#111721
```
#111721 rgb(17,23,33)
```
#17202e
```
#17202e rgb(23,32,46)
```
#1e293b
```
#1e293b rgb(30,41,59)
```
#253248
```
#253248 rgb(37,50,72)
```
#2b3b55
```
#2b3b55 rgb(43,59,85)
```
#324362
```
#324362 rgb(50,67,98)
```
#384c6f
```
#384c6f rgb(56,76,111)
```
#3f557d
```
#3f557d rgb(63,85,125)
```
#465e8a
```
#465e8a rgb(70,94,138)
```
#4c6797
```
#4c6797 rgb(76,103,151)
```
#5370a4
```
#5370a4 rgb(83,112,164)
```

Shade Color Variation

#5d7aad
```
#5d7aad rgb(93,122,173)
```
#6a85b4
```
#6a85b4 rgb(106,133,180)
```
#778fba
```
#778fba rgb(119,143,186)
```
#849ac1
```
#849ac1 rgb(132,154,193)
```
#91a5c7
```
#91a5c7 rgb(145,165,199)
```
#9eafce
```
#9eafce rgb(158,175,206)
```
#abbad5
```
#abbad5 rgb(171,186,213)
```
#b8c5db
```
#b8c5db rgb(184,197,219)
```
#c5d0e2
```
#c5d0e2 rgb(197,208,226)
```
#d2dae8
```
#d2dae8 rgb(210,218,232)
```
#dfe5ef
```
#dfe5ef rgb(223,229,239)
```
#ecf0f6
```
#ecf0f6 rgb(236,240,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#838487
```
#838487 rgb(131,132,135)
```
#798291
```
#798291 rgb(121,130,145)
```
#707f9a
```
#707f9a rgb(112,127,154)
```
#667da4
```
#667da4 rgb(102,125,164)
```
#5d7aad
```
#5d7aad rgb(93,122,173)
```
#5477b6
```
#5477b6 rgb(84,119,182)
```
#4a75c0
```
#4a75c0 rgb(74,117,192)
```
#4172c9
```
#4172c9 rgb(65,114,201)
```
#3770d3
```
#3770d3 rgb(55,112,211)
```
#2e6ddc
```
#2e6ddc rgb(46,109,220)
```
#256be5
```
#256be5 rgb(37,107,229)
```
#1b68ef
```
#1b68ef rgb(27,104,239)
```
#1265f8
```
#1265f8 rgb(18,101,248)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#727882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707eaf Protanopia 1% of men
#6c7fb1 Deuteranopia 1% of men
#598791 Tritanopia 0.001% of the population

Trichromacy

#697dae Protanomaly 1% of men, 0.01% of women
#667db0 Deuteranomaly 6% of men, 0.4% of women
#5a829b Tritanomaly 0.01% of the population

#5d7aad hex color

#5d7aad Color Information

#5d7aad Color Conversion

Color Schemes with #5d7aad

Alternatives to #5d7aad

#5d7aad Preview

Shades and Tints of #5d7aad

Tones of #5d7aad

Color Blindness Simulator