#5d46bb hex color

In a RGB color space, hex #5d46bb is composed of 36.5% red, 27.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 62.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 251.8 degrees, a saturation of 46.2% and a lightness of 50.4%. #5d46bb color hex could be obtained by blending #ba8cff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 36
- G 27
- B 73
RGB color chart
- C 50
- M 63
- Y 0
- K 27
CMYK color chart

● #5d46bb color description : Moderate blue.

The hexadecimal color #5d46bb has RGB values of R:93, G:70, B:187 and CMYK values of C:0.5, M:0.63, Y:0, K:0.27. Its decimal value is 6112955.

Hex triplet	5d46bb	`#5d46bb`
RGB Decimal	93, 70, 187	`rgb(93,70,187)`
RGB Percent	36.5, 27.5, 73.3	`rgb(36.5%,27.5%,73.3%)`
CMYK	50, 63, 0, 27
HSL	251.8°, 46.2, 50.4	`hsl(251.8,46.2%,50.4%)`
HSV (or HSB)	251.8°, 62.6, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.367, 39.84, -58.661
XYZ	15.672, 10.295, 48.172
xyY	0.211, 0.139, 10.295
CIE-LCH	38.367, 70.911, 304.183
CIE-LUV	38.367, 0.707, -86.702
Hunter-Lab	32.086, 31.038, -66.556
Binary	01011101, 01000110, 10111011

#5d46bb
```
#5d46bb rgb(93,70,187)
```
#a4bb46
```
#a4bb46 rgb(164,187,70)
```

Complementary Color

#466abb
```
#466abb rgb(70,106,187)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#9846bb
```
#9846bb rgb(152,70,187)
```

Analogous Color

#6abb46
```
#6abb46 rgb(106,187,70)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#bb9846
```
#bb9846 rgb(187,152,70)
```

Split Complementary Color

#46bb5d
```
#46bb5d rgb(70,187,93)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#bb5d46
```
#bb5d46 rgb(187,93,70)
```

Triadic Color

#46a4bb
```
#46a4bb rgb(70,164,187)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#bb5d46
```
#bb5d46 rgb(187,93,70)
```
#a4bb46
```
#a4bb46 rgb(164,187,70)
```

Tetradic Color

#413184
```
#413184 rgb(65,49,132)
```
#4a3797
```
#4a3797 rgb(74,55,151)
```
#533ea9
```
#533ea9 rgb(83,62,169)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#6d59c2
```
#6d59c2 rgb(109,89,194)
```
#7e6bc9
```
#7e6bc9 rgb(126,107,201)
```
#8e7ed0
```
#8e7ed0 rgb(142,126,208)
```

Monochromatic Color

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

#464cbb
```
#464cbb rgb(70,76,187)
```
#4a46bb
```
#4a46bb rgb(74,70,187)
```
#5346bb
```
#5346bb rgb(83,70,187)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#6746bb
```
#6746bb rgb(103,70,187)
```
#7146bb
```
#7146bb rgb(113,70,187)
```
#7a46bb
```
#7a46bb rgb(122,70,187)
```

Similar Colors

Text with hexadecimal color #5d46bb

This text has a font color of #5d46bb.

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

#5d46bb background color

This paragraph has a background color of #5d46bb.

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

#5d46bb border color

This element has a border color of #5d46bb.

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

CSS codes

.text {color:#5d46bb;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080610
```
#080610 rgb(8,6,16)
```
#0f0b1e
```
#0f0b1e rgb(15,11,30)
```
#16102c
```
#16102c rgb(22,16,44)
```
#1d163b
```
#1d163b rgb(29,22,59)
```
#241b49
```
#241b49 rgb(36,27,73)
```
#2b2058
```
#2b2058 rgb(43,32,88)
```
#322566
```
#322566 rgb(50,37,102)
```
#392b74
```
#392b74 rgb(57,43,116)
```
#403083
```
#403083 rgb(64,48,131)
```
#473591
```
#473591 rgb(71,53,145)
```
#4e3b9f
```
#4e3b9f rgb(78,59,159)
```
#5540ae
```
#5540ae rgb(85,64,174)
```

Shade Color Variation

#5d46bb
```
#5d46bb rgb(93,70,187)
```
#6a54c0
```
#6a54c0 rgb(106,84,192)
```
#7663c6
```
#7663c6 rgb(118,99,198)
```
#8371cb
```
#8371cb rgb(131,113,203)
```
#8f7fd0
```
#8f7fd0 rgb(143,127,208)
```
#9c8ed5
```
#9c8ed5 rgb(156,142,213)
```
#a89cdb
```
#a89cdb rgb(168,156,219)
```
#b5aae0
```
#b5aae0 rgb(181,170,224)
```
#c1b9e5
```
#c1b9e5 rgb(193,185,229)
```
#cec7ea
```
#cec7ea rgb(206,199,234)
```
#dbd5f0
```
#dbd5f0 rgb(219,213,240)
```
#e7e4f5
```
#e7e4f5 rgb(231,228,245)
```
#f4f2fa
```
#f4f2fa rgb(244,242,250)
```

Tint Color Variation

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

#808081
```
#808081 rgb(128,128,129)
```
#7b778a
```
#7b778a rgb(123,119,138)
```
#756d94
```
#756d94 rgb(117,109,148)
```
#6f639e
```
#6f639e rgb(111,99,158)
```
#6959a8
```
#6959a8 rgb(105,89,168)
```
#6350b1
```
#6350b1 rgb(99,80,177)
```
#5d46bb
```
#5d46bb rgb(93,70,187)
```
#573cc5
```
#573cc5 rgb(87,60,197)
```
#5133ce
```
#5133ce rgb(81,51,206)
```
#4b29d8
```
#4b29d8 rgb(75,41,216)
```
#451fe2
```
#451fe2 rgb(69,31,226)
```
#3f15ec
```
#3f15ec rgb(63,21,236)
```
#3a0cf5
```
#3a0cf5 rgb(58,12,245)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5b566d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a5 Deuteranopia 1% of men
#46686f Tritanopia 0.001% of the population

Trichromacy

#2156bb Protanomaly 1% of men, 0.01% of women
#2159ad Deuteranomaly 6% of men, 0.4% of women
#4e5b8b Tritanomaly 0.01% of the population

#5d46bb hex color

#5d46bb Color Information

#5d46bb Color Conversion

Color Schemes with #5d46bb

Alternatives to #5d46bb

#5d46bb Preview

Shades and Tints of #5d46bb

Tones of #5d46bb

Color Blindness Simulator