#5d7ddc hex color

In a RGB color space, hex #5d7ddc is composed of 36.5% red, 49% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 43.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 224.9 degrees, a saturation of 64.5% and a lightness of 61.4%. #5d7ddc color hex could be obtained by blending #bafaff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 49
- B 86
RGB color chart
- C 58
- M 43
- Y 0
- K 14
CMYK color chart

● #5d7ddc color description : Soft blue.

The hexadecimal color #5d7ddc has RGB values of R:93, G:125, B:220 and CMYK values of C:0.58, M:0.43, Y:0, K:0.14. Its decimal value is 6127068.

Hex triplet	5d7ddc	`#5d7ddc`
RGB Decimal	93, 125, 220	`rgb(93,125,220)`
RGB Percent	36.5, 49, 86.3	`rgb(36.5%,49%,86.3%)`
CMYK	58, 43, 0, 14
HSL	224.9°, 64.5, 61.4	`hsl(224.9,64.5%,61.4%)`
HSV (or HSB)	224.9°, 57.7, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.197, 16.773, -52.141
XYZ	24.763, 22.16, 70.679
xyY	0.211, 0.188, 22.16
CIE-LCH	54.197, 54.772, 287.832
CIE-LUV	54.197, -16.782, -83.1
Hunter-Lab	47.075, 11.517, -56.066
Binary	01011101, 01111101, 11011100

#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#dcbc5d
```
#dcbc5d rgb(220,188,93)
```

Complementary Color

#5dbddc
```
#5dbddc rgb(93,189,220)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#7d5ddc
```
#7d5ddc rgb(125,93,220)
```

Analogous Color

#bddc5d
```
#bddc5d rgb(189,220,93)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#dc7d5d
```
#dc7d5d rgb(220,125,93)
```

Split Complementary Color

#7ddc5d
```
#7ddc5d rgb(125,220,93)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#dc5d7d
```
#dc5d7d rgb(220,93,125)
```

Triadic Color

#5ddcbc
```
#5ddcbc rgb(93,220,188)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#dc5d7d
```
#dc5d7d rgb(220,93,125)
```
#dcbc5d
```
#dcbc5d rgb(220,188,93)
```

Tetradic Color

#2a50c2
```
#2a50c2 rgb(42,80,194)
```
#335bd3
```
#335bd3 rgb(51,91,211)
```
#486cd7
```
#486cd7 rgb(72,108,215)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#728ee1
```
#728ee1 rgb(114,142,225)
```
#879fe5
```
#879fe5 rgb(135,159,229)
```
#9cafea
```
#9cafea rgb(156,175,234)
```

Monochromatic Color

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

#5d9ddc
```
#5d9ddc rgb(93,157,220)
```
#5d92dc
```
#5d92dc rgb(93,146,220)
```
#5d88dc
```
#5d88dc rgb(93,136,220)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#5d72dc
```
#5d72dc rgb(93,114,220)
```
#5d68dc
```
#5d68dc rgb(93,104,220)
```
#5d5ddc
```
#5d5ddc rgb(93,93,220)
```

Similar Colors

Text with hexadecimal color #5d7ddc

This text has a font color of #5d7ddc.

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

#5d7ddc background color

This paragraph has a background color of #5d7ddc.

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

#5d7ddc border color

This element has a border color of #5d7ddc.

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

CSS codes

.text {color:#5d7ddc;}

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

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

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, #03060f is the darkest color, while #fefeff is the lightest one.

#03060f
```
#03060f rgb(3,6,15)
```
#070d20
```
#070d20 rgb(7,13,32)
```
#0a1430
```
#0a1430 rgb(10,20,48)
```
#0e1a40
```
#0e1a40 rgb(14,26,64)
```
#112150
```
#112150 rgb(17,33,80)
```
#152860
```
#152860 rgb(21,40,96)
```
#182e70
```
#182e70 rgb(24,46,112)
```
#1c3580
```
#1c3580 rgb(28,53,128)
```
#1f3c90
```
#1f3c90 rgb(31,60,144)
```
#2342a1
```
#2342a1 rgb(35,66,161)
```
#2649b1
```
#2649b1 rgb(38,73,177)
```
#2a50c1
```
#2a50c1 rgb(42,80,193)
```
#2d56d1
```
#2d56d1 rgb(45,86,209)
```

Shade Color Variation

#3d63d5
```
#3d63d5 rgb(61,99,213)
```
#4d70d9
```
#4d70d9 rgb(77,112,217)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#6d8adf
```
#6d8adf rgb(109,138,223)
```
#7d97e3
```
#7d97e3 rgb(125,151,227)
```
#8da4e6
```
#8da4e6 rgb(141,164,230)
```
#9eb1ea
```
#9eb1ea rgb(158,177,234)
```
#aebeed
```
#aebeed rgb(174,190,237)
```
#becbf1
```
#becbf1 rgb(190,203,241)
```
#ced8f4
```
#ced8f4 rgb(206,216,244)
```
#dee5f8
```
#dee5f8 rgb(222,229,248)
```
#eef1fb
```
#eef1fb rgb(238,241,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9a9b9f
```
#9a9b9f rgb(154,155,159)
```
#9297a7
```
#9297a7 rgb(146,151,167)
```
#8a94af
```
#8a94af rgb(138,148,175)
```
#8390b6
```
#8390b6 rgb(131,144,182)
```
#7b8cbe
```
#7b8cbe rgb(123,140,190)
```
#7488c5
```
#7488c5 rgb(116,136,197)
```
#6c85cd
```
#6c85cd rgb(108,133,205)
```
#6581d4
```
#6581d4 rgb(101,129,212)
```
#5d7ddc
```
#5d7ddc rgb(93,125,220)
```
#5579e4
```
#5579e4 rgb(85,121,228)
```
#4e75eb
```
#4e75eb rgb(78,117,235)
```
#4672f3
```
#4672f3 rgb(70,114,243)
```
#3f6efa
```
#3f6efa rgb(63,110,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#777e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c85df Protanopia 1% of men
#4589db Deuteranopia 1% of men
#42929d Tritanopia 0.001% of the population

Trichromacy

#5c82dd Protanomaly 1% of men, 0.01% of women
#4d84db Deuteranomaly 6% of men, 0.4% of women
#4b8ab4 Tritanomaly 0.01% of the population

#5d7ddc hex color

#5d7ddc Color Information

#5d7ddc Color Conversion

Color Schemes with #5d7ddc

Alternatives to #5d7ddc

#5d7ddc Preview

Shades and Tints of #5d7ddc

Tones of #5d7ddc

Color Blindness Simulator