#5731bc hex color

In a RGB color space, hex #5731bc is composed of 34.1% red, 19.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 73.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 256.4 degrees, a saturation of 58.6% and a lightness of 46.5%. #5731bc color hex could be obtained by blending #ae62ff with #000079. Closest websafe color is: #6633cc.

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

● #5731bc color description : Moderate violet.

The hexadecimal color #5731bc has RGB values of R:87, G:49, B:188 and CMYK values of C:0.54, M:0.74, Y:0, K:0.26. Its decimal value is 5714364.

Hex triplet	5731bc	`#5731bc`
RGB Decimal	87, 49, 188	`rgb(87,49,188)`
RGB Percent	34.1, 19.2, 73.7	`rgb(34.1%,19.2%,73.7%)`
CMYK	54, 74, 0, 26
HSL	256.4°, 58.6, 46.5	`hsl(256.4,58.6%,46.5%)`
HSV (or HSB)	256.4°, 73.9, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.676, 50.593, -66.933
XYZ	14.104, 7.853, 48.347
xyY	0.201, 0.112, 7.853
CIE-LCH	33.676, 83.903, 307.085
CIE-LUV	33.676, 2.57, -93.301
Hunter-Lab	28.024, 40.796, -82.671
Binary	01010111, 00110001, 10111100

#5731bc
```
#5731bc rgb(87,49,188)
```
#96bc31
```
#96bc31 rgb(150,188,49)
```

Complementary Color

#3150bc
```
#3150bc rgb(49,80,188)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#9d31bc
```
#9d31bc rgb(157,49,188)
```

Analogous Color

#50bc31
```
#50bc31 rgb(80,188,49)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#bc9d31
```
#bc9d31 rgb(188,157,49)
```

Split Complementary Color

#31bc57
```
#31bc57 rgb(49,188,87)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#bc5731
```
#bc5731 rgb(188,87,49)
```

Triadic Color

#3196bc
```
#3196bc rgb(49,150,188)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#bc5731
```
#bc5731 rgb(188,87,49)
```
#96bc31
```
#96bc31 rgb(150,188,49)
```

Tetradic Color

#3b217f
```
#3b217f rgb(59,33,127)
```
#442694
```
#442694 rgb(68,38,148)
```
#4e2ca8
```
#4e2ca8 rgb(78,44,168)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#623bcc
```
#623bcc rgb(98,59,204)
```
#724fd1
```
#724fd1 rgb(114,79,209)
```
#8363d6
```
#8363d6 rgb(131,99,214)
```

Monochromatic Color

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

#3431bc
```
#3431bc rgb(52,49,188)
```
#4031bc
```
#4031bc rgb(64,49,188)
```
#4b31bc
```
#4b31bc rgb(75,49,188)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#6331bc
```
#6331bc rgb(99,49,188)
```
#6e31bc
```
#6e31bc rgb(110,49,188)
```
#7a31bc
```
#7a31bc rgb(122,49,188)
```

Similar Colors

Text with hexadecimal color #5731bc

This text has a font color of #5731bc.

<span style="color:#5731bc;">Text here</span>

#5731bc background color

This paragraph has a background color of #5731bc.

<p style="background-color:#5731bc;">Content here</p>

#5731bc border color

This element has a border color of #5731bc.

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

CSS codes

.text {color:#5731bc;}

.background {background-color:#5731bc;}

.border {border:1px solid #5731bc;}

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

#010001
```
#010001 rgb(1,0,1)
```
#080411
```
#080411 rgb(8,4,17)
```
#0f0820
```
#0f0820 rgb(15,8,32)
```
#160d30
```
#160d30 rgb(22,13,48)
```
#1d1140
```
#1d1140 rgb(29,17,64)
```
#25154f
```
#25154f rgb(37,21,79)
```
#2c195f
```
#2c195f rgb(44,25,95)
```
#331d6e
```
#331d6e rgb(51,29,110)
```
#3a217e
```
#3a217e rgb(58,33,126)
```
#41258d
```
#41258d rgb(65,37,141)
```
#49299d
```
#49299d rgb(73,41,157)
```
#502dac
```
#502dac rgb(80,45,172)
```
#5731bc
```
#5731bc rgb(87,49,188)
```

Shade Color Variation

#5f36cb
```
#5f36cb rgb(95,54,203)
```
#6b46cf
```
#6b46cf rgb(107,70,207)
```
#7755d3
```
#7755d3 rgb(119,85,211)
```
#8465d7
```
#8465d7 rgb(132,101,215)
```
#9074db
```
#9074db rgb(144,116,219)
```
#9d84df
```
#9d84df rgb(157,132,223)
```
#a993e3
```
#a993e3 rgb(169,147,227)
```
#b6a3e7
```
#b6a3e7 rgb(182,163,231)
```
#c2b2eb
```
#c2b2eb rgb(194,178,235)
```
#cec2ef
```
#cec2ef rgb(206,194,239)
```
#dbd2f3
```
#dbd2f3 rgb(219,210,243)
```
#e7e1f7
```
#e7e1f7 rgb(231,225,247)
```
#f4f1fb
```
#f4f1fb rgb(244,241,251)
```

Tint Color Variation

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

#74717c
```
#74717c rgb(116,113,124)
```
#706885
```
#706885 rgb(112,104,133)
```
#6c5f8e
```
#6c5f8e rgb(108,95,142)
```
#685598
```
#685598 rgb(104,85,152)
```
#634ca1
```
#634ca1 rgb(99,76,161)
```
#5f43aa
```
#5f43aa rgb(95,67,170)
```
#5b3ab3
```
#5b3ab3 rgb(91,58,179)
```
#5731bc
```
#5731bc rgb(87,49,188)
```
#5328c5
```
#5328c5 rgb(83,40,197)
```
#4f1fce
```
#4f1fce rgb(79,31,206)
```
#4b16d7
```
#4b16d7 rgb(75,22,215)
```
#460de0
```
#460de0 rgb(70,13,224)
```
#4203ea
```
#4203ea rgb(66,3,234)
```

Tone Color Variation

Below, you can see how #5731bc 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

#4c4c4c Achromatopsia 0.005% of the population
#4e4762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005a91 Deuteranopia 1% of men
#375e64 Tritanopia 0.001% of the population

Trichromacy

#1f48ae Protanomaly 1% of men, 0.01% of women
#1f4ba1 Deuteranomaly 6% of men, 0.4% of women
#434d84 Tritanomaly 0.01% of the population

#5731bc hex color

#5731bc Color Information

#5731bc Color Conversion

Color Schemes with #5731bc

Alternatives to #5731bc

#5731bc Preview

Shades and Tints of #5731bc

Tones of #5731bc

Color Blindness Simulator