#5f46ce hex color

In a RGB color space, hex #5f46ce is composed of 37.3% red, 27.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 66% magenta, 0% yellow and 19.2% black. It has a hue angle of 251 degrees, a saturation of 58.1% and a lightness of 54.1%. #5f46ce color hex could be obtained by blending #be8cff with #00009d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 27
- B 81
RGB color chart
- C 54
- M 66
- Y 0
- K 19
CMYK color chart

● #5f46ce color description : Moderate blue.

The hexadecimal color #5f46ce has RGB values of R:95, G:70, B:206 and CMYK values of C:0.54, M:0.66, Y:0, K:0.19. Its decimal value is 6244046.

Hex triplet	5f46ce	`#5f46ce`
RGB Decimal	95, 70, 206	`rgb(95,70,206)`
RGB Percent	37.3, 27.5, 80.8	`rgb(37.3%,27.5%,80.8%)`
CMYK	54, 66, 0, 19
HSL	251°, 58.1, 54.1	`hsl(251,58.1%,54.1%)`
HSV (or HSB)	251°, 66, 80.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.03, 45.879, -67.012
XYZ	18.048, 11.269, 59.613
xyY	0.203, 0.127, 11.269
CIE-LCH	40.03, 81.213, 304.397
CIE-LUV	40.03, -0.287, -99.484
Hunter-Lab	33.569, 37.222, -81.79
Binary	01011111, 01000110, 11001110

#5f46ce
```
#5f46ce rgb(95,70,206)
```
#b5ce46
```
#b5ce46 rgb(181,206,70)
```

Complementary Color

#4671ce
```
#4671ce rgb(70,113,206)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#a346ce
```
#a346ce rgb(163,70,206)
```

Analogous Color

#71ce46
```
#71ce46 rgb(113,206,70)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#cea346
```
#cea346 rgb(206,163,70)
```

Split Complementary Color

#46ce5f
```
#46ce5f rgb(70,206,95)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#ce5f46
```
#ce5f46 rgb(206,95,70)
```

Triadic Color

#46b5ce
```
#46b5ce rgb(70,181,206)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#ce5f46
```
#ce5f46 rgb(206,95,70)
```
#b5ce46
```
#b5ce46 rgb(181,206,70)
```

Tetradic Color

#3f2a9e
```
#3f2a9e rgb(63,42,158)
```
#472fb2
```
#472fb2 rgb(71,47,178)
```
#4f34c6
```
#4f34c6 rgb(79,52,198)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#705ad3
```
#705ad3 rgb(112,90,211)
```
#826ed9
```
#826ed9 rgb(130,110,217)
```
#9382de
```
#9382de rgb(147,130,222)
```

Monochromatic Color

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

#464fce
```
#464fce rgb(70,79,206)
```
#4846ce
```
#4846ce rgb(72,70,206)
```
#5446ce
```
#5446ce rgb(84,70,206)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#6a46ce
```
#6a46ce rgb(106,70,206)
```
#7646ce
```
#7646ce rgb(118,70,206)
```
#8146ce
```
#8146ce rgb(129,70,206)
```

Similar Colors

Text with hexadecimal color #5f46ce

This text has a font color of #5f46ce.

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

#5f46ce background color

This paragraph has a background color of #5f46ce.

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

#5f46ce border color

This element has a border color of #5f46ce.

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

CSS codes

.text {color:#5f46ce;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070411
```
#070411 rgb(7,4,17)
```
#0d0920
```
#0d0920 rgb(13,9,32)
```
#130d30
```
#130d30 rgb(19,13,48)
```
#19113f
```
#19113f rgb(25,17,63)
```
#1f154f
```
#1f154f rgb(31,21,79)
```
#26195e
```
#26195e rgb(38,25,94)
```
#2c1d6e
```
#2c1d6e rgb(44,29,110)
```
#32217d
```
#32217d rgb(50,33,125)
```
#38258d
```
#38258d rgb(56,37,141)
```
#3e299c
```
#3e299c rgb(62,41,156)
```
#452dac
```
#452dac rgb(69,45,172)
```
#4b32bb
```
#4b32bb rgb(75,50,187)
```

Shade Color Variation

#5236ca
```
#5236ca rgb(82,54,202)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#6c56d2
```
#6c56d2 rgb(108,86,210)
```
#7a65d6
```
#7a65d6 rgb(122,101,214)
```
#8775da
```
#8775da rgb(135,117,218)
```
#9584de
```
#9584de rgb(149,132,222)
```
#a294e3
```
#a294e3 rgb(162,148,227)
```
#afa3e7
```
#afa3e7 rgb(175,163,231)
```
#bdb3eb
```
#bdb3eb rgb(189,179,235)
```
#cac2ef
```
#cac2ef rgb(202,194,239)
```
#d8d2f3
```
#d8d2f3 rgb(216,210,243)
```
#e5e1f7
```
#e5e1f7 rgb(229,225,247)
```
#f3f1fb
```
#f3f1fb rgb(243,241,251)
```

Tint Color Variation

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

#87858f
```
#87858f rgb(135,133,143)
```
#817c98
```
#817c98 rgb(129,124,152)
```
#7b73a1
```
#7b73a1 rgb(123,115,161)
```
#766aaa
```
#766aaa rgb(118,106,170)
```
#7061b3
```
#7061b3 rgb(112,97,179)
```
#6a58bc
```
#6a58bc rgb(106,88,188)
```
#654fc5
```
#654fc5 rgb(101,79,197)
```
#5f46ce
```
#5f46ce rgb(95,70,206)
```
#593dd7
```
#593dd7 rgb(89,61,215)
```
#5434e0
```
#5434e0 rgb(84,52,224)
```
#4e2be9
```
#4e2be9 rgb(78,43,233)
```
#4822f2
```
#4822f2 rgb(72,34,242)
```
#4319fb
```
#4319fb rgb(67,25,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d5874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#3d6d75 Tritanopia 0.001% of the population

Trichromacy

#2258c6 Protanomaly 1% of men, 0.01% of women
#225cb7 Deuteranomaly 6% of men, 0.4% of women
#495f95 Tritanomaly 0.01% of the population

#5f46ce hex color

#5f46ce Color Information

#5f46ce Color Conversion

Color Schemes with #5f46ce

Alternatives to #5f46ce

#5f46ce Preview

Shades and Tints of #5f46ce

Tones of #5f46ce

Color Blindness Simulator