#5d84dc hex color

In a RGB color space, hex #5d84dc is composed of 36.5% red, 51.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 40% magenta, 0% yellow and 13.7% black. It has a hue angle of 221.6 degrees, a saturation of 64.5% and a lightness of 61.4%. #5d84dc color hex could be obtained by blending #baffff with #0009b9. Closest websafe color is: #6699cc.

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

● #5d84dc color description : Soft blue.

The hexadecimal color #5d84dc has RGB values of R:93, G:132, B:220 and CMYK values of C:0.58, M:0.4, Y:0, K:0.14. Its decimal value is 6128860.

Hex triplet	5d84dc	`#5d84dc`
RGB Decimal	93, 132, 220	`rgb(93,132,220)`
RGB Percent	36.5, 51.8, 86.3	`rgb(36.5%,51.8%,86.3%)`
CMYK	58, 40, 0, 14
HSL	221.6°, 64.5, 61.4	`hsl(221.6,64.5%,61.4%)`
HSV (or HSB)	221.6°, 57.7, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.083, 12.537, -49.138
XYZ	25.681, 23.996, 70.985
xyY	0.213, 0.199, 23.996
CIE-LCH	56.083, 50.712, 284.314
CIE-LUV	56.083, -19.12, -78.407
Hunter-Lab	48.985, 7.856, -51.627
Binary	01011101, 10000100, 11011100

#5d84dc
```
#5d84dc rgb(93,132,220)
```
#dcb55d
```
#dcb55d rgb(220,181,93)
```

Complementary Color

#5dc4dc
```
#5dc4dc rgb(93,196,220)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#765ddc
```
#765ddc rgb(118,93,220)
```

Analogous Color

#c4dc5d
```
#c4dc5d rgb(196,220,93)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#dc765d
```
#dc765d rgb(220,118,93)
```

Split Complementary Color

#84dc5d
```
#84dc5d rgb(132,220,93)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#dc5d84
```
#dc5d84 rgb(220,93,132)
```

Triadic Color

#5ddcb5
```
#5ddcb5 rgb(93,220,181)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#dc5d84
```
#dc5d84 rgb(220,93,132)
```
#dcb55d
```
#dcb55d rgb(220,181,93)
```

Tetradic Color

#2a59c2
```
#2a59c2 rgb(42,89,194)
```
#3364d3
```
#3364d3 rgb(51,100,211)
```
#4874d7
```
#4874d7 rgb(72,116,215)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#7294e1
```
#7294e1 rgb(114,148,225)
```
#87a4e5
```
#87a4e5 rgb(135,164,229)
```
#9cb4ea
```
#9cb4ea rgb(156,180,234)
```

Monochromatic Color

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

#5da4dc
```
#5da4dc rgb(93,164,220)
```
#5d99dc
```
#5d99dc rgb(93,153,220)
```
#5d8fdc
```
#5d8fdc rgb(93,143,220)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#5d79dc
```
#5d79dc rgb(93,121,220)
```
#5d6fdc
```
#5d6fdc rgb(93,111,220)
```
#5d64dc
```
#5d64dc rgb(93,100,220)
```

Similar Colors

Text with hexadecimal color #5d84dc

This text has a font color of #5d84dc.

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

#5d84dc background color

This paragraph has a background color of #5d84dc.

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

#5d84dc border color

This element has a border color of #5d84dc.

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

CSS codes

.text {color:#5d84dc;}

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

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

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

#03070f
```
#03070f rgb(3,7,15)
```
#070e20
```
#070e20 rgb(7,14,32)
```
#0a1630
```
#0a1630 rgb(10,22,48)
```
#0e1d40
```
#0e1d40 rgb(14,29,64)
```
#112550
```
#112550 rgb(17,37,80)
```
#152c60
```
#152c60 rgb(21,44,96)
```
#183370
```
#183370 rgb(24,51,112)
```
#1c3b80
```
#1c3b80 rgb(28,59,128)
```
#1f4290
```
#1f4290 rgb(31,66,144)
```
#2349a1
```
#2349a1 rgb(35,73,161)
```
#2651b1
```
#2651b1 rgb(38,81,177)
```
#2a58c1
```
#2a58c1 rgb(42,88,193)
```
#2d5fd1
```
#2d5fd1 rgb(45,95,209)
```

Shade Color Variation

#3d6cd5
```
#3d6cd5 rgb(61,108,213)
```
#4d78d9
```
#4d78d9 rgb(77,120,217)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#6d90df
```
#6d90df rgb(109,144,223)
```
#7d9ce3
```
#7d9ce3 rgb(125,156,227)
```
#8da9e6
```
#8da9e6 rgb(141,169,230)
```
#9eb5ea
```
#9eb5ea rgb(158,181,234)
```
#aec1ed
```
#aec1ed rgb(174,193,237)
```
#becdf1
```
#becdf1 rgb(190,205,241)
```
#cedaf4
```
#cedaf4 rgb(206,218,244)
```
#dee6f8
```
#dee6f8 rgb(222,230,248)
```
#eef2fb
```
#eef2fb rgb(238,242,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 #3f78fa is the most saturated one.

#9a9b9f
```
#9a9b9f rgb(154,155,159)
```
#9298a7
```
#9298a7 rgb(146,152,167)
```
#8a96af
```
#8a96af rgb(138,150,175)
```
#8393b6
```
#8393b6 rgb(131,147,182)
```
#7b90be
```
#7b90be rgb(123,144,190)
```
#748dc5
```
#748dc5 rgb(116,141,197)
```
#6c8acd
```
#6c8acd rgb(108,138,205)
```
#6587d4
```
#6587d4 rgb(101,135,212)
```
#5d84dc
```
#5d84dc rgb(93,132,220)
```
#5581e4
```
#5581e4 rgb(85,129,228)
```
#4e7eeb
```
#4e7eeb rgb(78,126,235)
```
#467bf3
```
#467bf3 rgb(70,123,243)
```
#3f78fa
```
#3f78fa rgb(63,120,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b8294 Atypical Achromatopsia 0.001% of the population

Dichromacy

#678add Protanopia 1% of men
#548ddc Deuteranopia 1% of men
#4597a2 Tritanopia 0.001% of the population

Trichromacy

#6387dc Protanomaly 1% of men, 0.01% of women
#578adc Deuteranomaly 6% of men, 0.4% of women
#4d90b7 Tritanomaly 0.01% of the population

#5d84dc hex color

#5d84dc Color Information

#5d84dc Color Conversion

Color Schemes with #5d84dc

Alternatives to #5d84dc

#5d84dc Preview

Shades and Tints of #5d84dc

Tones of #5d84dc

Color Blindness Simulator