#5f46ae hex color

In a RGB color space, hex #5f46ae is composed of 37.3% red, 27.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 59.8% magenta, 0% yellow and 31.8% black. It has a hue angle of 254.4 degrees, a saturation of 42.6% and a lightness of 47.8%. #5f46ae color hex could be obtained by blending #be8cff with #00005d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 37
- G 27
- B 68
RGB color chart
- C 45
- M 60
- Y 0
- K 32
CMYK color chart

● #5f46ae color description : Dark moderate blue.

The hexadecimal color #5f46ae has RGB values of R:95, G:70, B:174 and CMYK values of C:0.45, M:0.6, Y:0, K:0.32. Its decimal value is 6244014.

Hex triplet	5f46ae	`#5f46ae`
RGB Decimal	95, 70, 174	`rgb(95,70,174)`
RGB Percent	37.3, 27.5, 68.2	`rgb(37.3%,27.5%,68.2%)`
CMYK	45, 60, 0, 32
HSL	254.4°, 42.6, 47.8	`hsl(254.4,42.6%,47.8%)`
HSV (or HSB)	254.4°, 59.8, 68.2
Web Safe	663399	`#663399`

CIE-LAB	37.606, 36.399, -52.211
XYZ	14.548, 9.869, 41.18
xyY	0.222, 0.15, 9.869
CIE-LCH	37.606, 63.646, 304.882
CIE-LUV	37.606, 2.709, -77.199
Hunter-Lab	31.415, 27.686, -55.73
Binary	01011111, 01000110, 10101110

#5f46ae
```
#5f46ae rgb(95,70,174)
```
#95ae46
```
#95ae46 rgb(149,174,70)
```

Complementary Color

#4661ae
```
#4661ae rgb(70,97,174)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#9346ae
```
#9346ae rgb(147,70,174)
```

Analogous Color

#61ae46
```
#61ae46 rgb(97,174,70)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#ae9346
```
#ae9346 rgb(174,147,70)
```

Split Complementary Color

#46ae5f
```
#46ae5f rgb(70,174,95)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#ae5f46
```
#ae5f46 rgb(174,95,70)
```

Triadic Color

#4695ae
```
#4695ae rgb(70,149,174)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#ae5f46
```
#ae5f46 rgb(174,95,70)
```
#95ae46
```
#95ae46 rgb(149,174,70)
```

Tetradic Color

#413077
```
#413077 rgb(65,48,119)
```
#4b378a
```
#4b378a rgb(75,55,138)
```
#553f9c
```
#553f9c rgb(85,63,156)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#6c53ba
```
#6c53ba rgb(108,83,186)
```
#7c66c1
```
#7c66c1 rgb(124,102,193)
```
#8b78c9
```
#8b78c9 rgb(139,120,201)
```

Monochromatic Color

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

#4647ae
```
#4647ae rgb(70,71,174)
```
#4e46ae
```
#4e46ae rgb(78,70,174)
```
#5646ae
```
#5646ae rgb(86,70,174)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#6846ae
```
#6846ae rgb(104,70,174)
```
#7046ae
```
#7046ae rgb(112,70,174)
```
#7946ae
```
#7946ae rgb(121,70,174)
```

Similar Colors

Text with hexadecimal color #5f46ae

This text has a font color of #5f46ae.

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

#5f46ae background color

This paragraph has a background color of #5f46ae.

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

#5f46ae border color

This element has a border color of #5f46ae.

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

CSS codes

.text {color:#5f46ae;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0814
```
#0b0814 rgb(11,8,20)
```
#130e22
```
#130e22 rgb(19,14,34)
```
#1a1330
```
#1a1330 rgb(26,19,48)
```
#22193e
```
#22193e rgb(34,25,62)
```
#2a1f4c
```
#2a1f4c rgb(42,31,76)
```
#31245a
```
#31245a rgb(49,36,90)
```
#392a68
```
#392a68 rgb(57,42,104)
```
#402f76
```
#402f76 rgb(64,47,118)
```
#483584
```
#483584 rgb(72,53,132)
```
#503b92
```
#503b92 rgb(80,59,146)
```
#5740a0
```
#5740a0 rgb(87,64,160)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```

Shade Color Variation

#694fb8
```
#694fb8 rgb(105,79,184)
```
#755dbe
```
#755dbe rgb(117,93,190)
```
#816bc4
```
#816bc4 rgb(129,107,196)
```
#8c79c9
```
#8c79c9 rgb(140,121,201)
```
#9887cf
```
#9887cf rgb(152,135,207)
```
#a495d4
```
#a495d4 rgb(164,149,212)
```
#b0a3da
```
#b0a3da rgb(176,163,218)
```
#bcb1e0
```
#bcb1e0 rgb(188,177,224)
```
#c8bfe5
```
#c8bfe5 rgb(200,191,229)
```
#d4cdeb
```
#d4cdeb rgb(212,205,235)
```
#e0dbf1
```
#e0dbf1 rgb(224,219,241)
```
#ece9f6
```
#ece9f6 rgb(236,233,246)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#77757f
```
#77757f rgb(119,117,127)
```
#726c88
```
#726c88 rgb(114,108,136)
```
#6e6292
```
#6e6292 rgb(110,98,146)
```
#69599b
```
#69599b rgb(105,89,155)
```
#644fa5
```
#644fa5 rgb(100,79,165)
```
#5f46ae
```
#5f46ae rgb(95,70,174)
```
#5a3db7
```
#5a3db7 rgb(90,61,183)
```
#5533c1
```
#5533c1 rgb(85,51,193)
```
#502aca
```
#502aca rgb(80,42,202)
```
#4c20d4
```
#4c20d4 rgb(76,32,212)
```
#4717dd
```
#4717dd rgb(71,23,221)
```
#420ee6
```
#420ee6 rgb(66,14,230)
```
#3d04f0
```
#3d04f0 rgb(61,4,240)
```

Tone Color Variation

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

Dichromacy

#005eb8 Protanopia 1% of men
#0062a3 Deuteranopia 1% of men
#50646b Tritanopia 0.001% of the population

Trichromacy

#2255b4 Protanomaly 1% of men, 0.01% of women
#2258a7 Deuteranomaly 6% of men, 0.4% of women
#555983 Tritanomaly 0.01% of the population

#5f46ae hex color

#5f46ae Color Information

#5f46ae Color Conversion

Color Schemes with #5f46ae

Alternatives to #5f46ae

#5f46ae Preview

Shades and Tints of #5f46ae

Tones of #5f46ae

Color Blindness Simulator