#5f45aa hex color

In a RGB color space, hex #5f45aa is composed of 37.3% red, 27.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 59.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 255.4 degrees, a saturation of 42.3% and a lightness of 46.9%. #5f45aa color hex could be obtained by blending #be8aff with #000055. Closest websafe color is: #663399.

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

● #5f45aa color description : Dark moderate violet.

The hexadecimal color #5f45aa has RGB values of R:95, G:69, B:170 and CMYK values of C:0.44, M:0.59, Y:0, K:0.33. Its decimal value is 6243754.

Hex triplet	5f45aa	`#5f45aa`
RGB Decimal	95, 69, 170	`rgb(95,69,170)`
RGB Percent	37.3, 27.1, 66.7	`rgb(37.3%,27.1%,66.7%)`
CMYK	44, 59, 0, 33
HSL	255.4°, 42.3, 46.9	`hsl(255.4,42.3%,46.9%)`
HSV (or HSB)	255.4°, 59.4, 66.7
Web Safe	663399	`#663399`

CIE-LAB	37.099, 35.824, -50.652
XYZ	14.102, 9.591, 39.136
xyY	0.224, 0.153, 9.591
CIE-LCH	37.099, 62.04, 305.27
CIE-LUV	37.099, 3.374, -74.693
Hunter-Lab	30.97, 27.082, -53.246
Binary	01011111, 01000101, 10101010

#5f45aa
```
#5f45aa rgb(95,69,170)
```
#90aa45
```
#90aa45 rgb(144,170,69)
```

Complementary Color

#455daa
```
#455daa rgb(69,93,170)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#9245aa
```
#9245aa rgb(146,69,170)
```

Analogous Color

#5eaa45
```
#5eaa45 rgb(94,170,69)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#aa9245
```
#aa9245 rgb(170,146,69)
```

Split Complementary Color

#45aa5f
```
#45aa5f rgb(69,170,95)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#aa5f45
```
#aa5f45 rgb(170,95,69)
```

Triadic Color

#4590aa
```
#4590aa rgb(69,144,170)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#aa5f45
```
#aa5f45 rgb(170,95,69)
```
#90aa45
```
#90aa45 rgb(144,170,69)
```

Tetradic Color

#412f74
```
#412f74 rgb(65,47,116)
```
#4b3686
```
#4b3686 rgb(75,54,134)
```
#553e98
```
#553e98 rgb(85,62,152)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#6b50b8
```
#6b50b8 rgb(107,80,184)
```
#7a63bf
```
#7a63bf rgb(122,99,191)
```
#8a75c7
```
#8a75c7 rgb(138,117,199)
```

Monochromatic Color

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

#4645aa
```
#4645aa rgb(70,69,170)
```
#4e45aa
```
#4e45aa rgb(78,69,170)
```
#5745aa
```
#5745aa rgb(87,69,170)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#6745aa
```
#6745aa rgb(103,69,170)
```
#7045aa
```
#7045aa rgb(112,69,170)
```
#7845aa
```
#7845aa rgb(120,69,170)
```

Similar Colors

Text with hexadecimal color #5f45aa

This text has a font color of #5f45aa.

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

#5f45aa background color

This paragraph has a background color of #5f45aa.

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

#5f45aa border color

This element has a border color of #5f45aa.

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

CSS codes

.text {color:#5f45aa;}

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

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

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)
```
#090711
```
#090711 rgb(9,7,17)
```
#110c1e
```
#110c1e rgb(17,12,30)
```
#19122c
```
#19122c rgb(25,18,44)
```
#21183a
```
#21183a rgb(33,24,58)
```
#281d48
```
#281d48 rgb(40,29,72)
```
#302356
```
#302356 rgb(48,35,86)
```
#382964
```
#382964 rgb(56,41,100)
```
#402e72
```
#402e72 rgb(64,46,114)
```
#483480
```
#483480 rgb(72,52,128)
```
#4f3a8e
```
#4f3a8e rgb(79,58,142)
```
#573f9c
```
#573f9c rgb(87,63,156)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```

Shade Color Variation

#684cb6
```
#684cb6 rgb(104,76,182)
```
#735abc
```
#735abc rgb(115,90,188)
```
#7f68c2
```
#7f68c2 rgb(127,104,194)
```
#8b76c7
```
#8b76c7 rgb(139,118,199)
```
#9784cd
```
#9784cd rgb(151,132,205)
```
#a392d3
```
#a392d3 rgb(163,146,211)
```
#aea0d8
```
#aea0d8 rgb(174,160,216)
```
#baaede
```
#baaede rgb(186,174,222)
```
#c6bce4
```
#c6bce4 rgb(198,188,228)
```
#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, #75737c is the less saturated color, while #4005ea is the most saturated one.

#75737c
```
#75737c rgb(117,115,124)
```
#716a85
```
#716a85 rgb(113,106,133)
```
#6c618e
```
#6c618e rgb(108,97,142)
```
#685798
```
#685798 rgb(104,87,152)
```
#634ea1
```
#634ea1 rgb(99,78,161)
```
#5f45aa
```
#5f45aa rgb(95,69,170)
```
#5b3cb3
```
#5b3cb3 rgb(91,60,179)
```
#5633bc
```
#5633bc rgb(86,51,188)
```
#5229c6
```
#5229c6 rgb(82,41,198)
```
#4d20cf
```
#4d20cf rgb(77,32,207)
```
#4917d8
```
#4917d8 rgb(73,23,216)
```
#440ee1
```
#440ee1 rgb(68,14,225)
```
#4005ea
```
#4005ea rgb(64,5,234)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#595468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#0061a2 Deuteranopia 1% of men
#516269 Tritanopia 0.001% of the population

Trichromacy

#2254b1 Protanomaly 1% of men, 0.01% of women
#2257a4 Deuteranomaly 6% of men, 0.4% of women
#565781 Tritanomaly 0.01% of the population

#5f45aa hex color

#5f45aa Color Information

#5f45aa Color Conversion

Color Schemes with #5f45aa

Alternatives to #5f45aa

#5f45aa Preview

Shades and Tints of #5f45aa

Tones of #5f45aa

Color Blindness Simulator