#5733bd hex color

In a RGB color space, hex #5733bd is composed of 34.1% red, 20% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 73% magenta, 0% yellow and 25.9% black. It has a hue angle of 255.7 degrees, a saturation of 57.5% and a lightness of 47.1%. #5733bd color hex could be obtained by blending #ae66ff with #00007b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 20
- B 74
RGB color chart
- C 54
- M 73
- Y 0
- K 26
CMYK color chart

● #5733bd color description : Moderate violet.

The hexadecimal color #5733bd has RGB values of R:87, G:51, B:189 and CMYK values of C:0.54, M:0.73, Y:0, K:0.26. Its decimal value is 5714877.

Hex triplet	5733bd	`#5733bd`
RGB Decimal	87, 51, 189	`rgb(87,51,189)`
RGB Percent	34.1, 20, 74.1	`rgb(34.1%,20%,74.1%)`
CMYK	54, 73, 0, 26
HSL	255.7°, 57.5, 47.1	`hsl(255.7,57.5%,47.1%)`
HSV (or HSB)	255.7°, 73, 74.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.123, 49.869, -66.788
XYZ	14.298, 8.068, 48.945
xyY	0.201, 0.113, 8.068
CIE-LCH	34.123, 83.352, 306.748
CIE-LUV	34.123, 2.156, -93.597
Hunter-Lab	28.404, 40.148, -82.286
Binary	01010111, 00110011, 10111101

#5733bd
```
#5733bd rgb(87,51,189)
```
#99bd33
```
#99bd33 rgb(153,189,51)
```

Complementary Color

#3354bd
```
#3354bd rgb(51,84,189)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#9c33bd
```
#9c33bd rgb(156,51,189)
```

Analogous Color

#54bd33
```
#54bd33 rgb(84,189,51)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#bd9c33
```
#bd9c33 rgb(189,156,51)
```

Split Complementary Color

#33bd57
```
#33bd57 rgb(51,189,87)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#bd5733
```
#bd5733 rgb(189,87,51)
```

Triadic Color

#3399bd
```
#3399bd rgb(51,153,189)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#bd5733
```
#bd5733 rgb(189,87,51)
```
#99bd33
```
#99bd33 rgb(153,189,51)
```

Tetradic Color

#3b2381
```
#3b2381 rgb(59,35,129)
```
#452895
```
#452895 rgb(69,40,149)
```
#4e2ea9
```
#4e2ea9 rgb(78,46,169)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#633ecb
```
#633ecb rgb(99,62,203)
```
#7353d0
```
#7353d0 rgb(115,83,208)
```
#8467d6
```
#8467d6 rgb(132,103,214)
```

Monochromatic Color

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

#3433bd
```
#3433bd rgb(52,51,189)
```
#4033bd
```
#4033bd rgb(64,51,189)
```
#4b33bd
```
#4b33bd rgb(75,51,189)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#6233bd
```
#6233bd rgb(98,51,189)
```
#6e33bd
```
#6e33bd rgb(110,51,189)
```
#7a33bd
```
#7a33bd rgb(122,51,189)
```

Similar Colors

Text with hexadecimal color #5733bd

This text has a font color of #5733bd.

<span style="color:#5733bd;">Text here</span>

#5733bd background color

This paragraph has a background color of #5733bd.

<p style="background-color:#5733bd;">Content here</p>

#5733bd border color

This element has a border color of #5733bd.

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

CSS codes

.text {color:#5733bd;}

.background {background-color:#5733bd;}

.border {border:1px solid #5733bd;}

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

#020104
```
#020104 rgb(2,1,4)
```
#090513
```
#090513 rgb(9,5,19)
```
#100923
```
#100923 rgb(16,9,35)
```
#170d32
```
#170d32 rgb(23,13,50)
```
#1e1241
```
#1e1241 rgb(30,18,65)
```
#251651
```
#251651 rgb(37,22,81)
```
#2c1a60
```
#2c1a60 rgb(44,26,96)
```
#331e70
```
#331e70 rgb(51,30,112)
```
#3b227f
```
#3b227f rgb(59,34,127)
```
#42268f
```
#42268f rgb(66,38,143)
```
#492b9e
```
#492b9e rgb(73,43,158)
```
#502fae
```
#502fae rgb(80,47,174)
```
#5733bd
```
#5733bd rgb(87,51,189)
```

Shade Color Variation

#5f3aca
```
#5f3aca rgb(95,58,202)
```
#6c49ce
```
#6c49ce rgb(108,73,206)
```
#7859d2
```
#7859d2 rgb(120,89,210)
```
#8568d6
```
#8568d6 rgb(133,104,214)
```
#9178da
```
#9178da rgb(145,120,218)
```
#9e87df
```
#9e87df rgb(158,135,223)
```
#aa97e3
```
#aa97e3 rgb(170,151,227)
```
#b7a6e7
```
#b7a6e7 rgb(183,166,231)
```
#c3b5eb
```
#c3b5eb rgb(195,181,235)
```
#d0c5ef
```
#d0c5ef rgb(208,197,239)
```
#dcd4f3
```
#dcd4f3 rgb(220,212,243)
```
#e9e4f8
```
#e9e4f8 rgb(233,228,248)
```
#f5f3fc
```
#f5f3fc rgb(245,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76747c is the less saturated color, while #4105eb is the most saturated one.

#76747c
```
#76747c rgb(118,116,124)
```
#716a86
```
#716a86 rgb(113,106,134)
```
#6d618f
```
#6d618f rgb(109,97,143)
```
#695898
```
#695898 rgb(105,88,152)
```
#644fa1
```
#644fa1 rgb(100,79,161)
```
#6045ab
```
#6045ab rgb(96,69,171)
```
#5b3cb4
```
#5b3cb4 rgb(91,60,180)
```
#5733bd
```
#5733bd rgb(87,51,189)
```
#532ac6
```
#532ac6 rgb(83,42,198)
```
#4e21cf
```
#4e21cf rgb(78,33,207)
```
#4a17d9
```
#4a17d9 rgb(74,23,217)
```
#450ee2
```
#450ee2 rgb(69,14,226)
```
#4105eb
```
#4105eb rgb(65,5,235)
```

Tone Color Variation

Below, you can see how #5733bd 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

#4d4d4d Achromatopsia 0.005% of the population
#4f4863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#375f66 Tritanopia 0.001% of the population

Trichromacy

#1f49b0 Protanomaly 1% of men, 0.01% of women
#1f4ca2 Deuteranomaly 6% of men, 0.4% of women
#424f85 Tritanomaly 0.01% of the population

#5733bd hex color

#5733bd Color Information

#5733bd Color Conversion

Color Schemes with #5733bd

Alternatives to #5733bd

#5733bd Preview

Shades and Tints of #5733bd

Tones of #5733bd

Color Blindness Simulator