#5f20bb hex color

In a RGB color space, hex #5f20bb is composed of 37.3% red, 12.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 82.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 264.4 degrees, a saturation of 70.8% and a lightness of 42.9%. #5f20bb color hex could be obtained by blending #be40ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 13
- B 73
RGB color chart
- C 49
- M 83
- Y 0
- K 27
CMYK color chart

● #5f20bb color description : Strong violet.

The hexadecimal color #5f20bb has RGB values of R:95, G:32, B:187 and CMYK values of C:0.49, M:0.83, Y:0, K:0.27. Its decimal value is 6234299.

Hex triplet	5f20bb	`#5f20bb`
RGB Decimal	95, 32, 187	`rgb(95,32,187)`
RGB Percent	37.3, 12.5, 73.3	`rgb(37.3%,12.5%,73.3%)`
CMYK	49, 83, 0, 27
HSL	264.4°, 70.8, 42.9	`hsl(264.4,70.8%,42.9%)`
HSV (or HSB)	264.4°, 82.9, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.929, 58.745, -69.181
XYZ	14.204, 7.054, 47.624
xyY	0.206, 0.102, 7.054
CIE-LCH	31.929, 90.758, 310.336
CIE-LUV	31.929, 7.591, -94.158
Hunter-Lab	26.559, 48.986, -87.726
Binary	01011111, 00100000, 10111011

#5f20bb
```
#5f20bb rgb(95,32,187)
```
#7cbb20
```
#7cbb20 rgb(124,187,32)
```

Complementary Color

#202fbb
```
#202fbb rgb(32,47,187)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#ad20bb
```
#ad20bb rgb(173,32,187)
```

Analogous Color

#2fbb20
```
#2fbb20 rgb(47,187,32)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#bbad20
```
#bbad20 rgb(187,173,32)
```

Split Complementary Color

#20bb5f
```
#20bb5f rgb(32,187,95)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#bb5f20
```
#bb5f20 rgb(187,95,32)
```

Triadic Color

#207cbb
```
#207cbb rgb(32,124,187)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#bb5f20
```
#bb5f20 rgb(187,95,32)
```
#7cbb20
```
#7cbb20 rgb(124,187,32)
```

Tetradic Color

#3e157a
```
#3e157a rgb(62,21,122)
```
#49198f
```
#49198f rgb(73,25,143)
```
#541ca5
```
#541ca5 rgb(84,28,165)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#6a24d1
```
#6a24d1 rgb(106,36,209)
```
#7732dc
```
#7732dc rgb(119,50,220)
```
#8648e0
```
#8648e0 rgb(134,72,224)
```

Monochromatic Color

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

#3820bb
```
#3820bb rgb(56,32,187)
```
#4520bb
```
#4520bb rgb(69,32,187)
```
#5220bb
```
#5220bb rgb(82,32,187)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#6c20bb
```
#6c20bb rgb(108,32,187)
```
#7920bb
```
#7920bb rgb(121,32,187)
```
#8620bb
```
#8620bb rgb(134,32,187)
```

Similar Colors

Text with hexadecimal color #5f20bb

This text has a font color of #5f20bb.

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

#5f20bb background color

This paragraph has a background color of #5f20bb.

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

#5f20bb border color

This element has a border color of #5f20bb.

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

CSS codes

.text {color:#5f20bb;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#0a0314
```
#0a0314 rgb(10,3,20)
```
#120624
```
#120624 rgb(18,6,36)
```
#1b0935
```
#1b0935 rgb(27,9,53)
```
#230c46
```
#230c46 rgb(35,12,70)
```
#2c0f57
```
#2c0f57 rgb(44,15,87)
```
#341267
```
#341267 rgb(52,18,103)
```
#3d1578
```
#3d1578 rgb(61,21,120)
```
#451789
```
#451789 rgb(69,23,137)
```
#4e1a9a
```
#4e1a9a rgb(78,26,154)
```
#561daa
```
#561daa rgb(86,29,170)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#6823cc
```
#6823cc rgb(104,35,204)
```

Shade Color Variation

#7028da
```
#7028da rgb(112,40,218)
```
#7c39dd
```
#7c39dd rgb(124,57,221)
```
#874ae0
```
#874ae0 rgb(135,74,224)
```
#925ae3
```
#925ae3 rgb(146,90,227)
```
#9d6be6
```
#9d6be6 rgb(157,107,230)
```
#a87ce9
```
#a87ce9 rgb(168,124,233)
```
#b38deb
```
#b38deb rgb(179,141,235)
```
#be9dee
```
#be9dee rgb(190,157,238)
```
#c9aef1
```
#c9aef1 rgb(201,174,241)
```
#d4bff4
```
#d4bff4 rgb(212,191,244)
```
#e0d0f7
```
#e0d0f7 rgb(224,208,247)
```
#ebe0fa
```
#ebe0fa rgb(235,224,250)
```
#f6f1fd
```
#f6f1fd rgb(246,241,253)
```

Tint Color Variation

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

#6d6c6f
```
#6d6c6f rgb(109,108,111)
```
#6c6378
```
#6c6378 rgb(108,99,120)
```
#6a5b80
```
#6a5b80 rgb(106,91,128)
```
#685388
```
#685388 rgb(104,83,136)
```
#674a91
```
#674a91 rgb(103,74,145)
```
#654299
```
#654299 rgb(101,66,153)
```
#6439a2
```
#6439a2 rgb(100,57,162)
```
#6231aa
```
#6231aa rgb(98,49,170)
```
#6128b3
```
#6128b3 rgb(97,40,179)
```
#5f20bb
```
#5f20bb rgb(95,32,187)
```
#5d18c3
```
#5d18c3 rgb(93,24,195)
```
#5c0fcc
```
#5c0fcc rgb(92,15,204)
```
#5a07d4
```
#5a07d4 rgb(90,7,212)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4a3e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00568b Deuteranopia 1% of men
#44575d Tritanopia 0.001% of the population

Trichromacy

#223fa9 Protanomaly 1% of men, 0.01% of women
#22429c Deuteranomaly 6% of men, 0.4% of women
#4e437f Tritanomaly 0.01% of the population

#5f20bb hex color

#5f20bb Color Information

#5f20bb Color Conversion

Color Schemes with #5f20bb

Alternatives to #5f20bb

#5f20bb Preview

Shades and Tints of #5f20bb

Tones of #5f20bb

Color Blindness Simulator