#5d54d9 hex color

In a RGB color space, hex #5d54d9 is composed of 36.5% red, 32.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 61.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 244.1 degrees, a saturation of 63.6% and a lightness of 59%. #5d54d9 color hex could be obtained by blending #baa8ff with #0000b3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 33
- B 85
RGB color chart
- C 57
- M 61
- Y 0
- K 15
CMYK color chart

● #5d54d9 color description : Soft blue.

The hexadecimal color #5d54d9 has RGB values of R:93, G:84, B:217 and CMYK values of C:0.57, M:0.61, Y:0, K:0.15. Its decimal value is 6116569.

Hex triplet	5d54d9	`#5d54d9`
RGB Decimal	93, 84, 217	`rgb(93,84,217)`
RGB Percent	36.5, 32.9, 85.1	`rgb(36.5%,32.9%,85.1%)`
CMYK	57, 61, 0, 15
HSL	244.1°, 63.6, 59	`hsl(244.1,63.6%,59%)`
HSV (or HSB)	244.1°, 61.3, 85.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.766, 40.804, -67.251
XYZ	20.206, 13.677, 67.217
xyY	0.2, 0.135, 13.677
CIE-LCH	43.766, 78.662, 301.247
CIE-LUV	43.766, -4.868, -102.453
Hunter-Lab	36.982, 32.811, -81.875
Binary	01011101, 01010100, 11011001

#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#d0d954
```
#d0d954 rgb(208,217,84)
```

Complementary Color

#548ed9
```
#548ed9 rgb(84,142,217)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#a054d9
```
#a054d9 rgb(160,84,217)
```

Analogous Color

#8ed954
```
#8ed954 rgb(142,217,84)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#d9a054
```
#d9a054 rgb(217,160,84)
```

Split Complementary Color

#54d95d
```
#54d95d rgb(84,217,93)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#d95d54
```
#d95d54 rgb(217,93,84)
```

Triadic Color

#54d0d9
```
#54d0d9 rgb(84,208,217)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#d95d54
```
#d95d54 rgb(217,93,84)
```
#d0d954
```
#d0d954 rgb(208,217,84)
```

Tetradic Color

#3229b8
```
#3229b8 rgb(50,41,184)
```
#382dcd
```
#382dcd rgb(56,45,205)
```
#493fd4
```
#493fd4 rgb(73,63,212)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#7169de
```
#7169de rgb(113,105,222)
```
#857ee2
```
#857ee2 rgb(133,126,226)
```
#9893e7
```
#9893e7 rgb(152,147,231)
```

Monochromatic Color

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

#546cd9
```
#546cd9 rgb(84,108,217)
```
#5461d9
```
#5461d9 rgb(84,97,217)
```
#5456d9
```
#5456d9 rgb(84,86,217)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#6854d9
```
#6854d9 rgb(104,84,217)
```
#7354d9
```
#7354d9 rgb(115,84,217)
```
#7e54d9
```
#7e54d9 rgb(126,84,217)
```

Similar Colors

Text with hexadecimal color #5d54d9

This text has a font color of #5d54d9.

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

#5d54d9 background color

This paragraph has a background color of #5d54d9.

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

#5d54d9 border color

This element has a border color of #5d54d9.

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

CSS codes

.text {color:#5d54d9;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#060516
```
#060516 rgb(6,5,22)
```
#0a0826
```
#0a0826 rgb(10,8,38)
```
#0f0c36
```
#0f0c36 rgb(15,12,54)
```
#130f46
```
#130f46 rgb(19,15,70)
```
#181356
```
#181356 rgb(24,19,86)
```
#1c1766
```
#1c1766 rgb(28,23,102)
```
#201a76
```
#201a76 rgb(32,26,118)
```
#251e86
```
#251e86 rgb(37,30,134)
```
#292196
```
#292196 rgb(41,33,150)
```
#2e25a6
```
#2e25a6 rgb(46,37,166)
```
#3228b6
```
#3228b6 rgb(50,40,182)
```
#362cc6
```
#362cc6 rgb(54,44,198)
```

Shade Color Variation

#3f34d2
```
#3f34d2 rgb(63,52,210)
```
#4e44d5
```
#4e44d5 rgb(78,68,213)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#6c64dd
```
#6c64dd rgb(108,100,221)
```
#7b74e0
```
#7b74e0 rgb(123,116,224)
```
#8b84e4
```
#8b84e4 rgb(139,132,228)
```
#9a94e7
```
#9a94e7 rgb(154,148,231)
```
#a9a4eb
```
#a9a4eb rgb(169,164,235)
```
#b8b4ee
```
#b8b4ee rgb(184,180,238)
```
#c7c4f2
```
#c7c4f2 rgb(199,196,242)
```
#d7d4f6
```
#d7d4f6 rgb(215,212,246)
```
#e6e4f9
```
#e6e4f9 rgb(230,228,249)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#959499
```
#959499 rgb(149,148,153)
```
#8e8ca1
```
#8e8ca1 rgb(142,140,161)
```
#8784a9
```
#8784a9 rgb(135,132,169)
```
#807cb1
```
#807cb1 rgb(128,124,177)
```
#7974b9
```
#7974b9 rgb(121,116,185)
```
#726cc1
```
#726cc1 rgb(114,108,193)
```
#6b64c9
```
#6b64c9 rgb(107,100,201)
```
#645cd1
```
#645cd1 rgb(100,92,209)
```
#5d54d9
```
#5d54d9 rgb(93,84,217)
```
#564ce1
```
#564ce1 rgb(86,76,225)
```
#4f44e9
```
#4f44e9 rgb(79,68,233)
```
#483cf1
```
#483cf1 rgb(72,60,241)
```
#4134f9
```
#4134f9 rgb(65,52,249)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#64627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#337881 Tritanopia 0.001% of the population

Trichromacy

#2163d5 Protanomaly 1% of men, 0.01% of women
#2166c4 Deuteranomaly 6% of men, 0.4% of women
#426ba1 Tritanomaly 0.01% of the population

#5d54d9 hex color

#5d54d9 Color Information

#5d54d9 Color Conversion

Color Schemes with #5d54d9

Alternatives to #5d54d9

#5d54d9 Preview

Shades and Tints of #5d54d9

Tones of #5d54d9

Color Blindness Simulator