#5d7bdd hex color

In a RGB color space, hex #5d7bdd is composed of 36.5% red, 48.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 44.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 225.9 degrees, a saturation of 65.3% and a lightness of 61.6%. #5d7bdd color hex could be obtained by blending #baf6ff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 87
RGB color chart
- C 58
- M 44
- Y 0
- K 13
CMYK color chart

● #5d7bdd color description : Soft blue.

The hexadecimal color #5d7bdd has RGB values of R:93, G:123, B:221 and CMYK values of C:0.58, M:0.44, Y:0, K:0.13. Its decimal value is 6126557.

Hex triplet	5d7bdd	`#5d7bdd`
RGB Decimal	93, 123, 221	`rgb(93,123,221)`
RGB Percent	36.5, 48.2, 86.7	`rgb(36.5%,48.2%,86.7%)`
CMYK	58, 44, 0, 13
HSL	225.9°, 65.3, 61.6	`hsl(225.9,65.3%,61.6%)`
HSV (or HSB)	225.9°, 57.9, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.72, 18.319, -53.464
XYZ	24.646, 21.712, 71.295
xyY	0.209, 0.185, 21.712
CIE-LCH	53.72, 56.516, 288.914
CIE-LUV	53.72, -16.143, -85.197
Hunter-Lab	46.596, 12.868, -58.099
Binary	01011101, 01111011, 11011101

#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#ddbf5d
```
#ddbf5d rgb(221,191,93)
```

Complementary Color

#5dbbdd
```
#5dbbdd rgb(93,187,221)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#7f5ddd
```
#7f5ddd rgb(127,93,221)
```

Analogous Color

#bbdd5d
```
#bbdd5d rgb(187,221,93)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#dd7f5d
```
#dd7f5d rgb(221,127,93)
```

Split Complementary Color

#7bdd5d
```
#7bdd5d rgb(123,221,93)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#dd5d7b
```
#dd5d7b rgb(221,93,123)
```

Triadic Color

#5dddbf
```
#5dddbf rgb(93,221,191)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#dd5d7b
```
#dd5d7b rgb(221,93,123)
```
#ddbf5d
```
#ddbf5d rgb(221,191,93)
```

Tetradic Color

#294ec4
```
#294ec4 rgb(41,78,196)
```
#3359d4
```
#3359d4 rgb(51,89,212)
```
#486ad9
```
#486ad9 rgb(72,106,217)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#728ce1
```
#728ce1 rgb(114,140,225)
```
#879de6
```
#879de6 rgb(135,157,230)
```
#9cafea
```
#9cafea rgb(156,175,234)
```

Monochromatic Color

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

#5d9bdd
```
#5d9bdd rgb(93,155,221)
```
#5d90dd
```
#5d90dd rgb(93,144,221)
```
#5d86dd
```
#5d86dd rgb(93,134,221)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#5d70dd
```
#5d70dd rgb(93,112,221)
```
#5d66dd
```
#5d66dd rgb(93,102,221)
```
#5f5ddd
```
#5f5ddd rgb(95,93,221)
```

Similar Colors

Text with hexadecimal color #5d7bdd

This text has a font color of #5d7bdd.

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

#5d7bdd background color

This paragraph has a background color of #5d7bdd.

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

#5d7bdd border color

This element has a border color of #5d7bdd.

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

CSS codes

.text {color:#5d7bdd;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030610
```
#030610 rgb(3,6,16)
```
#070d21
```
#070d21 rgb(7,13,33)
```
#0a1331
```
#0a1331 rgb(10,19,49)
```
#0e1a41
```
#0e1a41 rgb(14,26,65)
```
#112051
```
#112051 rgb(17,32,81)
```
#142661
```
#142661 rgb(20,38,97)
```
#182d72
```
#182d72 rgb(24,45,114)
```
#1b3382
```
#1b3382 rgb(27,51,130)
```
#1f3a92
```
#1f3a92 rgb(31,58,146)
```
#2240a2
```
#2240a2 rgb(34,64,162)
```
#2547b2
```
#2547b2 rgb(37,71,178)
```
#294dc3
```
#294dc3 rgb(41,77,195)
```

Shade Color Variation

#2c53d3
```
#2c53d3 rgb(44,83,211)
```
#3d61d6
```
#3d61d6 rgb(61,97,214)
```
#4d6eda
```
#4d6eda rgb(77,110,218)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#6d88e0
```
#6d88e0 rgb(109,136,224)
```
#7d95e4
```
#7d95e4 rgb(125,149,228)
```
#8ea3e7
```
#8ea3e7 rgb(142,163,231)
```
#9eb0eb
```
#9eb0eb rgb(158,176,235)
```
#aebdee
```
#aebdee rgb(174,189,238)
```
#becaf1
```
#becaf1 rgb(190,202,241)
```
#ced7f5
```
#ced7f5 rgb(206,215,245)
```
#dfe5f8
```
#dfe5f8 rgb(223,229,248)
```
#eff2fc
```
#eff2fc rgb(239,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ba1 is the less saturated color, while #3f6bfb is the most saturated one.

#999ba1
```
#999ba1 rgb(153,155,161)
```
#9297a8
```
#9297a8 rgb(146,151,168)
```
#8a93b0
```
#8a93b0 rgb(138,147,176)
```
#838fb7
```
#838fb7 rgb(131,143,183)
```
#7b8bbf
```
#7b8bbf rgb(123,139,191)
```
#7487c6
```
#7487c6 rgb(116,135,198)
```
#6c83ce
```
#6c83ce rgb(108,131,206)
```
#657fd5
```
#657fd5 rgb(101,127,213)
```
#5d7bdd
```
#5d7bdd rgb(93,123,221)
```
#5577e5
```
#5577e5 rgb(85,119,229)
```
#4e73ec
```
#4e73ec rgb(78,115,236)
```
#466ff4
```
#466ff4 rgb(70,111,244)
```
#3f6bfb
```
#3f6bfb rgb(63,107,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5883e0 Protanopia 1% of men
#3e88dc Deuteranopia 1% of men
#40919c Tritanopia 0.001% of the population

Trichromacy

#5a80df Protanomaly 1% of men, 0.01% of women
#4983dc Deuteranomaly 6% of men, 0.4% of women
#4a89b3 Tritanomaly 0.01% of the population

#5d7bdd hex color

#5d7bdd Color Information

#5d7bdd Color Conversion

Color Schemes with #5d7bdd

Alternatives to #5d7bdd

#5d7bdd Preview

Shades and Tints of #5d7bdd

Tones of #5d7bdd

Color Blindness Simulator