#5a2fbb hex color

In a RGB color space, hex #5a2fbb is composed of 35.3% red, 18.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 74.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 258.4 degrees, a saturation of 59.8% and a lightness of 45.9%. #5a2fbb color hex could be obtained by blending #b45eff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 18
- B 73
RGB color chart
- C 52
- M 75
- Y 0
- K 27
CMYK color chart

● #5a2fbb color description : Moderate violet.

The hexadecimal color #5a2fbb has RGB values of R:90, G:47, B:187 and CMYK values of C:0.52, M:0.75, Y:0, K:0.27. Its decimal value is 5910459.

Hex triplet	5a2fbb	`#5a2fbb`
RGB Decimal	90, 47, 187	`rgb(90,47,187)`
RGB Percent	35.3, 18.4, 73.3	`rgb(35.3%,18.4%,73.3%)`
CMYK	52, 75, 0, 27
HSL	258.4°, 59.8, 45.9	`hsl(258.4,59.8%,45.9%)`
HSV (or HSB)	258.4°, 74.9, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.551, 51.735, -66.536
XYZ	14.201, 7.794, 47.767
xyY	0.204, 0.112, 7.794
CIE-LCH	33.551, 84.283, 307.867
CIE-LUV	33.551, 3.995, -92.775
Hunter-Lab	27.918, 41.94, -81.9
Binary	01011010, 00101111, 10111011

#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#90bb2f
```
#90bb2f rgb(144,187,47)
```

Complementary Color

#2f4abb
```
#2f4abb rgb(47,74,187)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#a02fbb
```
#a02fbb rgb(160,47,187)
```

Analogous Color

#4abb2f
```
#4abb2f rgb(74,187,47)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#bba02f
```
#bba02f rgb(187,160,47)
```

Split Complementary Color

#2fbb5a
```
#2fbb5a rgb(47,187,90)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#bb5a2f
```
#bb5a2f rgb(187,90,47)
```

Triadic Color

#2f90bb
```
#2f90bb rgb(47,144,187)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#bb5a2f
```
#bb5a2f rgb(187,90,47)
```
#90bb2f
```
#90bb2f rgb(144,187,47)
```

Tetradic Color

#3d207e
```
#3d207e rgb(61,32,126)
```
#462592
```
#462592 rgb(70,37,146)
```
#502aa7
```
#502aa7 rgb(80,42,167)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#6537cd
```
#6537cd rgb(101,55,205)
```
#754bd2
```
#754bd2 rgb(117,75,210)
```
#8460d7
```
#8460d7 rgb(132,96,215)
```

Monochromatic Color

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

#372fbb
```
#372fbb rgb(55,47,187)
```
#432fbb
```
#432fbb rgb(67,47,187)
```
#4e2fbb
```
#4e2fbb rgb(78,47,187)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#662fbb
```
#662fbb rgb(102,47,187)
```
#712fbb
```
#712fbb rgb(113,47,187)
```
#7d2fbb
```
#7d2fbb rgb(125,47,187)
```

Similar Colors

Text with hexadecimal color #5a2fbb

This text has a font color of #5a2fbb.

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

#5a2fbb background color

This paragraph has a background color of #5a2fbb.

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

#5a2fbb border color

This element has a border color of #5a2fbb.

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

CSS codes

.text {color:#5a2fbb;}

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

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

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, #07040f is the darkest color, while #fefeff is the lightest one.

#07040f
```
#07040f rgb(7,4,15)
```
#0f081e
```
#0f081e rgb(15,8,30)
```
#160c2e
```
#160c2e rgb(22,12,46)
```
#1e0f3e
```
#1e0f3e rgb(30,15,62)
```
#25134d
```
#25134d rgb(37,19,77)
```
#2d175d
```
#2d175d rgb(45,23,93)
```
#341b6d
```
#341b6d rgb(52,27,109)
```
#3c1f7c
```
#3c1f7c rgb(60,31,124)
```
#43238c
```
#43238c rgb(67,35,140)
```
#4b279c
```
#4b279c rgb(75,39,156)
```
#522bab
```
#522bab rgb(82,43,171)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#6233cb
```
#6233cb rgb(98,51,203)
```

Shade Color Variation

#6d42cf
```
#6d42cf rgb(109,66,207)
```
#7951d3
```
#7951d3 rgb(121,81,211)
```
#8561d7
```
#8561d7 rgb(133,97,215)
```
#9271db
```
#9271db rgb(146,113,219)
```
#9e80df
```
#9e80df rgb(158,128,223)
```
#aa90e3
```
#aa90e3 rgb(170,144,227)
```
#b6a0e7
```
#b6a0e7 rgb(182,160,231)
```
#c2b0eb
```
#c2b0eb rgb(194,176,235)
```
#cebfef
```
#cebfef rgb(206,191,239)
```
#dacff3
```
#dacff3 rgb(218,207,243)
```
#e6dff7
```
#e6dff7 rgb(230,223,247)
```
#f2eefb
```
#f2eefb rgb(242,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726e7c is the less saturated color, while #4902e8 is the most saturated one.

#726e7c
```
#726e7c rgb(114,110,124)
```
#6f6585
```
#6f6585 rgb(111,101,133)
```
#6b5c8e
```
#6b5c8e rgb(107,92,142)
```
#685397
```
#685397 rgb(104,83,151)
```
#644aa0
```
#644aa0 rgb(100,74,160)
```
#6141a9
```
#6141a9 rgb(97,65,169)
```
#5d38b2
```
#5d38b2 rgb(93,56,178)
```
#5a2fbb
```
#5a2fbb rgb(90,47,187)
```
#5726c4
```
#5726c4 rgb(87,38,196)
```
#531dcd
```
#531dcd rgb(83,29,205)
```
#5014d6
```
#5014d6 rgb(80,20,214)
```
#4c0bdf
```
#4c0bdf rgb(76,11,223)
```
#4902e8
```
#4902e8 rgb(73,2,232)
```

Tone Color Variation

Below, you can see how #5a2fbb 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
#4f4662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a91 Deuteranopia 1% of men
#3d5c63 Tritanopia 0.001% of the population

Trichromacy

#2047ad Protanomaly 1% of men, 0.01% of women
#204aa0 Deuteranomaly 6% of men, 0.4% of women
#484c83 Tritanomaly 0.01% of the population

#5a2fbb hex color

#5a2fbb Color Information

#5a2fbb Color Conversion

Color Schemes with #5a2fbb

Alternatives to #5a2fbb

#5a2fbb Preview

Shades and Tints of #5a2fbb

Tones of #5a2fbb

Color Blindness Simulator