#5f46ed hex color

In a RGB color space, hex #5f46ed is composed of 37.3% red, 27.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 70.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 249 degrees, a saturation of 82.3% and a lightness of 60.2%. #5f46ed color hex could be obtained by blending #be8cff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 37
- G 27
- B 93
RGB color chart
- C 60
- M 70
- Y 0
- K 7
CMYK color chart

● #5f46ed color description : Bright blue.

The hexadecimal color #5f46ed has RGB values of R:95, G:70, B:237 and CMYK values of C:0.6, M:0.7, Y:0, K:0.07. Its decimal value is 6244077.

Hex triplet	5f46ed	`#5f46ed`
RGB Decimal	95, 70, 237	`rgb(95,70,237)`
RGB Percent	37.3, 27.5, 92.9	`rgb(37.3%,27.5%,92.9%)`
CMYK	60, 70, 0, 7
HSL	249°, 82.3, 60.2	`hsl(249,82.3%,60.2%)`
HSV (or HSB)	249°, 70.5, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.653, 55.075, -80.423
XYZ	22.193, 12.927, 81.442
xyY	0.19, 0.111, 12.927
CIE-LCH	42.653, 97.474, 304.404
CIE-LUV	42.653, -2.793, -119.576
Hunter-Lab	35.954, 47.26, -109.135
Binary	01011111, 01000110, 11101101

#5f46ed
```
#5f46ed rgb(95,70,237)
```
#d4ed46
```
#d4ed46 rgb(212,237,70)
```

Complementary Color

#4681ed
```
#4681ed rgb(70,129,237)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#b346ed
```
#b346ed rgb(179,70,237)
```

Analogous Color

#81ed46
```
#81ed46 rgb(129,237,70)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#edb346
```
#edb346 rgb(237,179,70)
```

Split Complementary Color

#46ed5f
```
#46ed5f rgb(70,237,95)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#ed5f46
```
#ed5f46 rgb(237,95,70)
```

Triadic Color

#46d4ed
```
#46d4ed rgb(70,212,237)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#ed5f46
```
#ed5f46 rgb(237,95,70)
```
#d4ed46
```
#d4ed46 rgb(212,237,70)
```

Tetradic Color

#3114d2
```
#3114d2 rgb(49,20,210)
```
#3718e8
```
#3718e8 rgb(55,24,232)
```
#4b2feb
```
#4b2feb rgb(75,47,235)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#735def
```
#735def rgb(115,93,239)
```
#8774f2
```
#8774f2 rgb(135,116,242)
```
#9b8cf4
```
#9b8cf4 rgb(155,140,244)
```

Monochromatic Color

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

#4657ed
```
#4657ed rgb(70,87,237)
```
#4649ed
```
#4649ed rgb(70,73,237)
```
#5146ed
```
#5146ed rgb(81,70,237)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#6d46ed
```
#6d46ed rgb(109,70,237)
```
#7b46ed
```
#7b46ed rgb(123,70,237)
```
#8946ed
```
#8946ed rgb(137,70,237)
```

Similar Colors

Text with hexadecimal color #5f46ed

This text has a font color of #5f46ed.

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

#5f46ed background color

This paragraph has a background color of #5f46ed.

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

#5f46ed border color

This element has a border color of #5f46ed.

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

CSS codes

.text {color:#5f46ed;}

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

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

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, #03010c is the darkest color, while #faf9fe is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#07031e
```
#07031e rgb(7,3,30)
```
#0b052f
```
#0b052f rgb(11,5,47)
```
#0f0641
```
#0f0641 rgb(15,6,65)
```
#130853
```
#130853 rgb(19,8,83)
```
#170a65
```
#170a65 rgb(23,10,101)
```
#1c0c77
```
#1c0c77 rgb(28,12,119)
```
#200d89
```
#200d89 rgb(32,13,137)
```
#240f9b
```
#240f9b rgb(36,15,155)
```
#2811ad
```
#2811ad rgb(40,17,173)
```
#2c13be
```
#2c13be rgb(44,19,190)
```
#3014d0
```
#3014d0 rgb(48,20,208)
```
#3516e2
```
#3516e2 rgb(53,22,226)
```

Shade Color Variation

#4022ea
```
#4022ea rgb(64,34,234)
```
#5034eb
```
#5034eb rgb(80,52,235)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#6e58ef
```
#6e58ef rgb(110,88,239)
```
#7e6af0
```
#7e6af0 rgb(126,106,240)
```
#8d7cf2
```
#8d7cf2 rgb(141,124,242)
```
#9d8ef4
```
#9d8ef4 rgb(157,142,244)
```
#ac9ff6
```
#ac9ff6 rgb(172,159,246)
```
#bcb1f7
```
#bcb1f7 rgb(188,177,247)
```
#cbc3f9
```
#cbc3f9 rgb(203,195,249)
```
#dbd5fb
```
#dbd5fb rgb(219,213,251)
```
#eae7fd
```
#eae7fd rgb(234,231,253)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#96949f
```
#96949f rgb(150,148,159)
```
#908ca7
```
#908ca7 rgb(144,140,167)
```
#8b84af
```
#8b84af rgb(139,132,175)
```
#857db6
```
#857db6 rgb(133,125,182)
```
#8075be
```
#8075be rgb(128,117,190)
```
#7a6dc6
```
#7a6dc6 rgb(122,109,198)
```
#7565ce
```
#7565ce rgb(117,101,206)
```
#6f5dd6
```
#6f5dd6 rgb(111,93,214)
```
#6a56dd
```
#6a56dd rgb(106,86,221)
```
#644ee5
```
#644ee5 rgb(100,78,229)
```
#5f46ed
```
#5f46ed rgb(95,70,237)
```
#5a3ef5
```
#5a3ef5 rgb(90,62,245)
```
#5436fd
```
#5436fd rgb(84,54,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#615c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#225cd9 Protanomaly 1% of men, 0.01% of women
#2260c8 Deuteranomaly 6% of men, 0.4% of women
#2265a7 Tritanomaly 0.01% of the population

#5f46ed hex color

#5f46ed Color Information

#5f46ed Color Conversion

Color Schemes with #5f46ed

Alternatives to #5f46ed

#5f46ed Preview

Shades and Tints of #5f46ed

Tones of #5f46ed

Color Blindness Simulator