#5f46a9 hex color

In a RGB color space, hex #5f46a9 is composed of 37.3% red, 27.5% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 58.6% magenta, 0% yellow and 33.7% black. It has a hue angle of 255.2 degrees, a saturation of 41.4% and a lightness of 46.9%. #5f46a9 color hex could be obtained by blending #be8cff with #000053. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 37
- G 27
- B 66
RGB color chart
- C 44
- M 59
- Y 0
- K 34
CMYK color chart

● #5f46a9 color description : Dark moderate violet.

The hexadecimal color #5f46a9 has RGB values of R:95, G:70, B:169 and CMYK values of C:0.44, M:0.59, Y:0, K:0.34. Its decimal value is 6244009.

Hex triplet	5f46a9	`#5f46a9`
RGB Decimal	95, 70, 169	`rgb(95,70,169)`
RGB Percent	37.3, 27.5, 66.3	`rgb(37.3%,27.5%,66.3%)`
CMYK	44, 59, 0, 34
HSL	255.2°, 41.4, 46.9	`hsl(255.2,41.4%,46.9%)`
HSV (or HSB)	255.2°, 58.6, 66.3
Web Safe	663399	`#663399`

CIE-LAB	37.257, 34.937, -49.799
XYZ	14.07, 9.678, 38.661
xyY	0.225, 0.155, 9.678
CIE-LCH	37.257, 60.833, 305.052
CIE-LUV	37.257, 3.22, -73.554
Hunter-Lab	31.109, 26.29, -51.907
Binary	01011111, 01000110, 10101001

#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#90a946
```
#90a946 rgb(144,169,70)
```

Complementary Color

#465fa9
```
#465fa9 rgb(70,95,169)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#9146a9
```
#9146a9 rgb(145,70,169)
```

Analogous Color

#5fa946
```
#5fa946 rgb(95,169,70)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#a99146
```
#a99146 rgb(169,145,70)
```

Split Complementary Color

#46a95f
```
#46a95f rgb(70,169,95)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#a95f46
```
#a95f46 rgb(169,95,70)
```

Triadic Color

#4690a9
```
#4690a9 rgb(70,144,169)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#a95f46
```
#a95f46 rgb(169,95,70)
```
#90a946
```
#90a946 rgb(144,169,70)
```

Tetradic Color

#413073
```
#413073 rgb(65,48,115)
```
#4b3785
```
#4b3785 rgb(75,55,133)
```
#553f97
```
#553f97 rgb(85,63,151)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#6b51b7
```
#6b51b7 rgb(107,81,183)
```
#7a63bf
```
#7a63bf rgb(122,99,191)
```
#8a75c6
```
#8a75c6 rgb(138,117,198)
```

Monochromatic Color

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

#4646a9
```
#4646a9 rgb(70,70,169)
```
#4f46a9
```
#4f46a9 rgb(79,70,169)
```
#5746a9
```
#5746a9 rgb(87,70,169)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#6746a9
```
#6746a9 rgb(103,70,169)
```
#7046a9
```
#7046a9 rgb(112,70,169)
```
#7846a9
```
#7846a9 rgb(120,70,169)
```

Similar Colors

Text with hexadecimal color #5f46a9

This text has a font color of #5f46a9.

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

#5f46a9 background color

This paragraph has a background color of #5f46a9.

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

#5f46a9 border color

This element has a border color of #5f46a9.

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

CSS codes

.text {color:#5f46a9;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#090710
```
#090710 rgb(9,7,16)
```
#110d1e
```
#110d1e rgb(17,13,30)
```
#19122c
```
#19122c rgb(25,18,44)
```
#21183a
```
#21183a rgb(33,24,58)
```
#281e48
```
#281e48 rgb(40,30,72)
```
#302456
```
#302456 rgb(48,36,86)
```
#382964
```
#382964 rgb(56,41,100)
```
#402f72
```
#402f72 rgb(64,47,114)
```
#48357f
```
#48357f rgb(72,53,127)
```
#4f3b8d
```
#4f3b8d rgb(79,59,141)
```
#57409b
```
#57409b rgb(87,64,155)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```

Shade Color Variation

#684db5
```
#684db5 rgb(104,77,181)
```
#735bbb
```
#735bbb rgb(115,91,187)
```
#7f69c1
```
#7f69c1 rgb(127,105,193)
```
#8b77c7
```
#8b77c7 rgb(139,119,199)
```
#9785cc
```
#9785cc rgb(151,133,204)
```
#a393d2
```
#a393d2 rgb(163,147,210)
```
#aea0d8
```
#aea0d8 rgb(174,160,216)
```
#baaede
```
#baaede rgb(186,174,222)
```
#c6bce3
```
#c6bce3 rgb(198,188,227)
```
#d2cae9
```
#d2cae9 rgb(210,202,233)
```
#ded8ef
```
#ded8ef rgb(222,216,239)
```
#eae6f5
```
#eae6f5 rgb(234,230,245)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

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

#76747b
```
#76747b rgb(118,116,123)
```
#716b84
```
#716b84 rgb(113,107,132)
```
#6d628d
```
#6d628d rgb(109,98,141)
```
#685897
```
#685897 rgb(104,88,151)
```
#644fa0
```
#644fa0 rgb(100,79,160)
```
#5f46a9
```
#5f46a9 rgb(95,70,169)
```
#5a3db2
```
#5a3db2 rgb(90,61,178)
```
#5634bb
```
#5634bb rgb(86,52,187)
```
#512ac5
```
#512ac5 rgb(81,42,197)
```
#4d21ce
```
#4d21ce rgb(77,33,206)
```
#4818d7
```
#4818d7 rgb(72,24,215)
```
#440fe0
```
#440fe0 rgb(68,15,224)
```
#3f06e9
```
#3f06e9 rgb(63,6,233)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5a5569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#52636a Tritanopia 0.001% of the population

Trichromacy

#2254b2 Protanomaly 1% of men, 0.01% of women
#2257a5 Deuteranomaly 6% of men, 0.4% of women
#565881 Tritanomaly 0.01% of the population

#5f46a9 hex color

#5f46a9 Color Information

#5f46a9 Color Conversion

Color Schemes with #5f46a9

Alternatives to #5f46a9

#5f46a9 Preview

Shades and Tints of #5f46a9

Tones of #5f46a9

Color Blindness Simulator