#5a3bc6 hex color

In a RGB color space, hex #5a3bc6 is composed of 35.3% red, 23.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 70.2% magenta, 0% yellow and 22.4% black. It has a hue angle of 253.4 degrees, a saturation of 54.9% and a lightness of 50.4%. #5a3bc6 color hex could be obtained by blending #b476ff with #00008d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 23
- B 78
RGB color chart
- C 55
- M 70
- Y 0
- K 22
CMYK color chart

● #5a3bc6 color description : Moderate blue.

The hexadecimal color #5a3bc6 has RGB values of R:90, G:59, B:198 and CMYK values of C:0.55, M:0.7, Y:0, K:0.22. Its decimal value is 5913542.

Hex triplet	5a3bc6	`#5a3bc6`
RGB Decimal	90, 59, 198	`rgb(90,59,198)`
RGB Percent	35.3, 23.1, 77.6	`rgb(35.3%,23.1%,77.6%)`
CMYK	55, 70, 0, 22
HSL	253.4°, 54.9, 50.4	`hsl(253.4,54.9%,50.4%)`
HSV (or HSB)	253.4°, 70.2, 77.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.703, 48.746, -67.825
XYZ	15.972, 9.378, 54.392
xyY	0.2, 0.118, 9.378
CIE-LCH	36.703, 83.525, 305.705
CIE-LUV	36.703, 0.914, -97.538
Hunter-Lab	30.624, 39.502, -83.868
Binary	01011010, 00111011, 11000110

#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#a7c63b
```
#a7c63b rgb(167,198,59)
```

Complementary Color

#3b62c6
```
#3b62c6 rgb(59,98,198)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#a03bc6
```
#a03bc6 rgb(160,59,198)
```

Analogous Color

#62c63b
```
#62c63b rgb(98,198,59)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#c6a03b
```
#c6a03b rgb(198,160,59)
```

Split Complementary Color

#3bc65a
```
#3bc65a rgb(59,198,90)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#c65a3b
```
#c65a3b rgb(198,90,59)
```

Triadic Color

#3ba7c6
```
#3ba7c6 rgb(59,167,198)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#c65a3b
```
#c65a3b rgb(198,90,59)
```
#a7c63b
```
#a7c63b rgb(167,198,59)
```

Tetradic Color

#3f298c
```
#3f298c rgb(63,41,140)
```
#482ea0
```
#482ea0 rgb(72,46,160)
```
#5134b3
```
#5134b3 rgb(81,52,179)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#6b4fcc
```
#6b4fcc rgb(107,79,204)
```
#7b63d1
```
#7b63d1 rgb(123,99,209)
```
#8c76d7
```
#8c76d7 rgb(140,118,215)
```

Monochromatic Color

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

#3b3fc6
```
#3b3fc6 rgb(59,63,198)
```
#433bc6
```
#433bc6 rgb(67,59,198)
```
#4e3bc6
```
#4e3bc6 rgb(78,59,198)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#663bc6
```
#663bc6 rgb(102,59,198)
```
#713bc6
```
#713bc6 rgb(113,59,198)
```
#7d3bc6
```
#7d3bc6 rgb(125,59,198)
```

Similar Colors

Text with hexadecimal color #5a3bc6

This text has a font color of #5a3bc6.

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

#5a3bc6 background color

This paragraph has a background color of #5a3bc6.

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

#5a3bc6 border color

This element has a border color of #5a3bc6.

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

CSS codes

.text {color:#5a3bc6;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080511
```
#080511 rgb(8,5,17)
```
#0e0920
```
#0e0920 rgb(14,9,32)
```
#150e2f
```
#150e2f rgb(21,14,47)
```
#1c123e
```
#1c123e rgb(28,18,62)
```
#23174e
```
#23174e rgb(35,23,78)
```
#2a1b5d
```
#2a1b5d rgb(42,27,93)
```
#301f6c
```
#301f6c rgb(48,31,108)
```
#37247b
```
#37247b rgb(55,36,123)
```
#3e288a
```
#3e288a rgb(62,40,138)
```
#452d9a
```
#452d9a rgb(69,45,154)
```
#4c31a9
```
#4c31a9 rgb(76,49,169)
```
#5335b8
```
#5335b8 rgb(83,53,184)
```

Shade Color Variation

#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#674aca
```
#674aca rgb(103,74,202)
```
#7459cf
```
#7459cf rgb(116,89,207)
```
#8069d3
```
#8069d3 rgb(128,105,211)
```
#8d78d8
```
#8d78d8 rgb(141,120,216)
```
#9a87dc
```
#9a87dc rgb(154,135,220)
```
#a796e1
```
#a796e1 rgb(167,150,225)
```
#b4a5e5
```
#b4a5e5 rgb(180,165,229)
```
#c0b5e9
```
#c0b5e9 rgb(192,181,233)
```
#cdc4ee
```
#cdc4ee rgb(205,196,238)
```
#dad3f2
```
#dad3f2 rgb(218,211,242)
```
#e7e2f7
```
#e7e2f7 rgb(231,226,247)
```
#f4f1fb
```
#f4f1fb rgb(244,241,251)
```

Tint Color Variation

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

#807f82
```
#807f82 rgb(128,127,130)
```
#7a758c
```
#7a758c rgb(122,117,140)
```
#756c95
```
#756c95 rgb(117,108,149)
```
#70629f
```
#70629f rgb(112,98,159)
```
#6a58a9
```
#6a58a9 rgb(106,88,169)
```
#654eb3
```
#654eb3 rgb(101,78,179)
```
#5f45bc
```
#5f45bc rgb(95,69,188)
```
#5a3bc6
```
#5a3bc6 rgb(90,59,198)
```
#5531d0
```
#5531d0 rgb(85,49,208)
```
#4f28d9
```
#4f28d9 rgb(79,40,217)
```
#4a1ee3
```
#4a1ee3 rgb(74,30,227)
```
#4414ed
```
#4414ed rgb(68,20,237)
```
#3f0af7
```
#3f0af7 rgb(63,10,247)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#554f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619d Deuteranopia 1% of men
#37656d Tritanopia 0.001% of the population

Trichromacy

#2050ba Protanomaly 1% of men, 0.01% of women
#2053ac Deuteranomaly 6% of men, 0.4% of women
#44568d Tritanomaly 0.01% of the population

#5a3bc6 hex color

#5a3bc6 Color Information

#5a3bc6 Color Conversion

Color Schemes with #5a3bc6

Alternatives to #5a3bc6

#5a3bc6 Preview

Shades and Tints of #5a3bc6

Tones of #5a3bc6

Color Blindness Simulator