#6f46e0 hex color

In a RGB color space, hex #6f46e0 is composed of 43.5% red, 27.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 68.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 256 degrees, a saturation of 71.3% and a lightness of 57.6%. #6f46e0 color hex could be obtained by blending #de8cff with #0000c1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 44
- G 27
- B 88
RGB color chart
- C 50
- M 69
- Y 0
- K 12
CMYK color chart

● #6f46e0 color description : Soft violet.

The hexadecimal color #6f46e0 has RGB values of R:111, G:70, B:224 and CMYK values of C:0.5, M:0.69, Y:0, K:0.12. Its decimal value is 7292640.

Hex triplet	6f46e0	`#6f46e0`
RGB Decimal	111, 70, 224	`rgb(111,70,224)`
RGB Percent	43.5, 27.5, 87.8	`rgb(43.5%,27.5%,87.8%)`
CMYK	50, 69, 0, 12
HSL	256°, 71.3, 57.6	`hsl(256,71.3%,57.6%)`
HSV (or HSB)	256°, 68.8, 87.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.975, 53.709, -72.467
XYZ	22.198, 13.141, 71.884
xyY	0.207, 0.123, 13.141
CIE-LCH	42.975, 90.201, 306.544
CIE-LUV	42.975, 3.516, -109.741
Hunter-Lab	36.251, 45.864, -92.194
Binary	01101111, 01000110, 11100000

#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#b7e046
```
#b7e046 rgb(183,224,70)
```

Complementary Color

#466ae0
```
#466ae0 rgb(70,106,224)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#bc46e0
```
#bc46e0 rgb(188,70,224)
```

Analogous Color

#6ae046
```
#6ae046 rgb(106,224,70)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#e0bc46
```
#e0bc46 rgb(224,188,70)
```

Split Complementary Color

#46e06f
```
#46e06f rgb(70,224,111)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#e06f46
```
#e06f46 rgb(224,111,70)
```

Triadic Color

#46b7e0
```
#46b7e0 rgb(70,183,224)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#e06f46
```
#e06f46 rgb(224,111,70)
```
#b7e046
```
#b7e046 rgb(183,224,70)
```

Tetradic Color

#491fba
```
#491fba rgb(73,31,186)
```
#5123d0
```
#5123d0 rgb(81,35,208)
```
#5e30dc
```
#5e30dc rgb(94,48,220)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#805ce4
```
#805ce4 rgb(128,92,228)
```
#9172e7
```
#9172e7 rgb(145,114,231)
```
#a288eb
```
#a288eb rgb(162,136,235)
```

Monochromatic Color

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

#4846e0
```
#4846e0 rgb(72,70,224)
```
#5546e0
```
#5546e0 rgb(85,70,224)
```
#6246e0
```
#6246e0 rgb(98,70,224)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#7c46e0
```
#7c46e0 rgb(124,70,224)
```
#8946e0
```
#8946e0 rgb(137,70,224)
```
#9646e0
```
#9646e0 rgb(150,70,224)
```

Similar Colors

Text with hexadecimal color #6f46e0

This text has a font color of #6f46e0.

<span style="color:#6f46e0;">Text here</span>

#6f46e0 background color

This paragraph has a background color of #6f46e0.

<p style="background-color:#6f46e0;">Content here</p>

#6f46e0 border color

This element has a border color of #6f46e0.

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

CSS codes

.text {color:#6f46e0;}

.background {background-color:#6f46e0;}

.border {border:1px solid #6f46e0;}

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

#060311
```
#060311 rgb(6,3,17)
```
#0d0621
```
#0d0621 rgb(13,6,33)
```
#140832
```
#140832 rgb(20,8,50)
```
#1a0b43
```
#1a0b43 rgb(26,11,67)
```
#210e54
```
#210e54 rgb(33,14,84)
```
#271165
```
#271165 rgb(39,17,101)
```
#2e1475
```
#2e1475 rgb(46,20,117)
```
#341686
```
#341686 rgb(52,22,134)
```
#3b1997
```
#3b1997 rgb(59,25,151)
```
#411ca8
```
#411ca8 rgb(65,28,168)
```
#481fb9
```
#481fb9 rgb(72,31,185)
```
#4e22c9
```
#4e22c9 rgb(78,34,201)
```
#5525da
```
#5525da rgb(85,37,218)
```

Shade Color Variation

#6235dd
```
#6235dd rgb(98,53,221)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#7c57e3
```
#7c57e3 rgb(124,87,227)
```
#8968e6
```
#8968e6 rgb(137,104,230)
```
#9678e8
```
#9678e8 rgb(150,120,232)
```
#a389eb
```
#a389eb rgb(163,137,235)
```
#b09aee
```
#b09aee rgb(176,154,238)
```
#bdabf1
```
#bdabf1 rgb(189,171,241)
```
#cbbcf4
```
#cbbcf4 rgb(203,188,244)
```
#d8ccf7
```
#d8ccf7 rgb(216,204,247)
```
#e5ddf9
```
#e5ddf9 rgb(229,221,249)
```
#f2eefc
```
#f2eefc rgb(242,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929195 is the less saturated color, while #632df9 is the most saturated one.

#929195
```
#929195 rgb(146,145,149)
```
#8e889e
```
#8e889e rgb(142,136,158)
```
#8a80a6
```
#8a80a6 rgb(138,128,166)
```
#8678ae
```
#8678ae rgb(134,120,174)
```
#8270b6
```
#8270b6 rgb(130,112,182)
```
#7f67bf
```
#7f67bf rgb(127,103,191)
```
#7b5fc7
```
#7b5fc7 rgb(123,95,199)
```
#7757cf
```
#7757cf rgb(119,87,207)
```
#734ed8
```
#734ed8 rgb(115,78,216)
```
#6f46e0
```
#6f46e0 rgb(111,70,224)
```
#6b3ee8
```
#6b3ee8 rgb(107,62,232)
```
#6735f1
```
#6735f1 rgb(103,53,241)
```
#632df9
```
#632df9 rgb(99,45,249)
```

Tone Color Variation

Below, you can see how #6f46e0 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

#646464 Achromatopsia 0.005% of the population
#665e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#4e737b Tritanopia 0.001% of the population

Trichromacy

#285dd5 Protanomaly 1% of men, 0.01% of women
#2860c5 Deuteranomaly 6% of men, 0.4% of women
#5a62a0 Tritanomaly 0.01% of the population

#6f46e0 hex color

#6f46e0 Color Information

#6f46e0 Color Conversion

Color Schemes with #6f46e0

Alternatives to #6f46e0

#6f46e0 Preview

Shades and Tints of #6f46e0

Tones of #6f46e0

Color Blindness Simulator