#5d54fd hex color

In a RGB color space, hex #5d54fd is composed of 36.5% red, 32.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 66.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 243.2 degrees, a saturation of 97.7% and a lightness of 66.1%. #5d54fd color hex could be obtained by blending #baa8ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 33
- B 99
RGB color chart
- C 63
- M 67
- Y 0
- K 1
CMYK color chart

● #5d54fd color description : Soft blue.

The hexadecimal color #5d54fd has RGB values of R:93, G:84, B:253 and CMYK values of C:0.63, M:0.67, Y:0, K:0.01. Its decimal value is 6116605.

Hex triplet	5d54fd	`#5d54fd`
RGB Decimal	93, 84, 253	`rgb(93,84,253)`
RGB Percent	36.5, 32.9, 99.2	`rgb(36.5%,32.9%,99.2%)`
CMYK	63, 67, 0, 1
HSL	243.2°, 97.7, 66.1	`hsl(243.2,97.7%,66.1%)`
HSV (or HSB)	243.2°, 66.8, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.656, 52.035, -82.832
XYZ	25.411, 15.758, 94.626
xyY	0.187, 0.116, 15.758
CIE-LCH	46.656, 97.82, 302.137
CIE-LUV	46.656, -7.016, -126.414
Hunter-Lab	39.697, 44.791, -113.542
Binary	01011101, 01010100, 11111101

#5d54fd
```
#5d54fd rgb(93,84,253)
```
#f4fd54
```
#f4fd54 rgb(244,253,84)
```

Complementary Color

#54a0fd
```
#54a0fd rgb(84,160,253)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#b254fd
```
#b254fd rgb(178,84,253)
```

Analogous Color

#a0fd54
```
#a0fd54 rgb(160,253,84)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#fdb254
```
#fdb254 rgb(253,178,84)
```

Split Complementary Color

#54fd5d
```
#54fd5d rgb(84,253,93)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#fd5d54
```
#fd5d54 rgb(253,93,84)
```

Triadic Color

#54f4fd
```
#54f4fd rgb(84,244,253)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#fd5d54
```
#fd5d54 rgb(253,93,84)
```
#f4fd54
```
#f4fd54 rgb(244,253,84)
```

Tetradic Color

#1508fc
```
#1508fc rgb(21,8,252)
```
#2d22fc
```
#2d22fc rgb(45,34,252)
```
#453bfd
```
#453bfd rgb(69,59,253)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#756dfd
```
#756dfd rgb(117,109,253)
```
#8d86fe
```
#8d86fe rgb(141,134,254)
```
#a5a0fe
```
#a5a0fe rgb(165,160,254)
```

Monochromatic Color

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

#5475fd
```
#5475fd rgb(84,117,253)
```
#5467fd
```
#5467fd rgb(84,103,253)
```
#5459fd
```
#5459fd rgb(84,89,253)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#6b54fd
```
#6b54fd rgb(107,84,253)
```
#7954fd
```
#7954fd rgb(121,84,253)
```
#8754fd
```
#8754fd rgb(135,84,253)
```

Similar Colors

Text with hexadecimal color #5d54fd

This text has a font color of #5d54fd.

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

#5d54fd background color

This paragraph has a background color of #5d54fd.

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

#5d54fd border color

This element has a border color of #5d54fd.

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

CSS codes

.text {color:#5d54fd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010017
```
#010017 rgb(1,0,23)
```
#03002a
```
#03002a rgb(3,0,42)
```
#04013e
```
#04013e rgb(4,1,62)
```
#050151
```
#050151 rgb(5,1,81)
```
#060164
```
#060164 rgb(6,1,100)
```
#080178
```
#080178 rgb(8,1,120)
```
#09028b
```
#09028b rgb(9,2,139)
```
#0a029f
```
#0a029f rgb(10,2,159)
```
#0b02b2
```
#0b02b2 rgb(11,2,178)
```
#0d02c5
```
#0d02c5 rgb(13,2,197)
```
#0e03d9
```
#0e03d9 rgb(14,3,217)
```
#0f03ec
```
#0f03ec rgb(15,3,236)
```

Shade Color Variation

#1406fc
```
#1406fc rgb(20,6,252)
```
#261afc
```
#261afc rgb(38,26,252)
```
#382dfd
```
#382dfd rgb(56,45,253)
```
#4b41fd
```
#4b41fd rgb(75,65,253)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```
#6f67fd
```
#6f67fd rgb(111,103,253)
```
#827bfd
```
#827bfd rgb(130,123,253)
```
#948efe
```
#948efe rgb(148,142,254)
```
#a6a2fe
```
#a6a2fe rgb(166,162,254)
```
#b9b5fe
```
#b9b5fe rgb(185,181,254)
```
#cbc8fe
```
#cbc8fe rgb(203,200,254)
```
#dedcff
```
#dedcff rgb(222,220,255)
```
#f0efff
```
#f0efff rgb(240,239,255)
```

Tint Color Variation

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

#a4a4ad
```
#a4a4ad rgb(164,164,173)
```
#9e9db4
```
#9e9db4 rgb(158,157,180)
```
#9897ba
```
#9897ba rgb(152,151,186)
```
#9390c1
```
#9390c1 rgb(147,144,193)
```
#8d89c8
```
#8d89c8 rgb(141,137,200)
```
#8783ce
```
#8783ce rgb(135,131,206)
```
#817cd5
```
#817cd5 rgb(129,124,213)
```
#7b75dc
```
#7b75dc rgb(123,117,220)
```
#756fe2
```
#756fe2 rgb(117,111,226)
```
#6f68e9
```
#6f68e9 rgb(111,104,233)
```
#6961f0
```
#6961f0 rgb(105,97,240)
```
#635bf6
```
#635bf6 rgb(99,91,246)
```
#5d54fd
```
#5d54fd rgb(93,84,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#676687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0079c2 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#2167ea Protanomaly 1% of men, 0.01% of women
#216bd7 Deuteranomaly 6% of men, 0.4% of women
#2171b4 Tritanomaly 0.01% of the population

#5d54fd hex color

#5d54fd Color Information

#5d54fd Color Conversion

Color Schemes with #5d54fd

Alternatives to #5d54fd

#5d54fd Preview

Shades and Tints of #5d54fd

Tones of #5d54fd

Color Blindness Simulator