#4506e1 hex color

In a RGB color space, hex #4506e1 is composed of 27.1% red, 2.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 97.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 257.3 degrees, a saturation of 94.8% and a lightness of 45.3%. #4506e1 color hex could be obtained by blending #8a0cff with #0000c3. Closest websafe color is: #3300cc.

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

● #4506e1 color description : Vivid violet.

The hexadecimal color #4506e1 has RGB values of R:69, G:6, B:225 and CMYK values of C:0.69, M:0.97, Y:0, K:0.12. Its decimal value is 4523745.

Hex triplet	4506e1	`#4506e1`
RGB Decimal	69, 6, 225	`rgb(69,6,225)`
RGB Percent	27.1, 2.4, 88.2	`rgb(27.1%,2.4%,88.2%)`
CMYK	69, 97, 0, 12
HSL	257.3°, 94.8, 45.3	`hsl(257.3,94.8%,45.3%)`
HSV (or HSB)	257.3°, 97.3, 88.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.419, 72.302, -92.243
XYZ	16.107, 6.831, 71.7
xyY	0.17, 0.072, 6.831
CIE-LCH	31.419, 117.202, 308.09
CIE-LUV	31.419, -1.939, -116.034
Hunter-Lab	26.136, 64.27, -144.356
Binary	01000101, 00000110, 11100001

#4506e1
```
#4506e1 rgb(69,6,225)
```
#a2e106
```
#a2e106 rgb(162,225,6)
```

Complementary Color

#0635e1
```
#0635e1 rgb(6,53,225)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#b306e1
```
#b306e1 rgb(179,6,225)
```

Analogous Color

#35e106
```
#35e106 rgb(53,225,6)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#e1b306
```
#e1b306 rgb(225,179,6)
```

Split Complementary Color

#06e145
```
#06e145 rgb(6,225,69)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#e14506
```
#e14506 rgb(225,69,6)
```

Triadic Color

#06a2e1
```
#06a2e1 rgb(6,162,225)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#e14506
```
#e14506 rgb(225,69,6)
```
#a2e106
```
#a2e106 rgb(162,225,6)
```

Tetradic Color

#2e0496
```
#2e0496 rgb(46,4,150)
```
#3605af
```
#3605af rgb(54,5,175)
```
#3d05c8
```
#3d05c8 rgb(61,5,200)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#4d08f8
```
#4d08f8 rgb(77,8,248)
```
#5f21f9
```
#5f21f9 rgb(95,33,249)
```
#713afa
```
#713afa rgb(113,58,250)
```

Monochromatic Color

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

#0e06e1
```
#0e06e1 rgb(14,6,225)
```
#2006e1
```
#2006e1 rgb(32,6,225)
```
#3306e1
```
#3306e1 rgb(51,6,225)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#5706e1
```
#5706e1 rgb(87,6,225)
```
#6a06e1
```
#6a06e1 rgb(106,6,225)
```
#7c06e1
```
#7c06e1 rgb(124,6,225)
```

Similar Colors

Text with hexadecimal color #4506e1

This text has a font color of #4506e1.

<span style="color:#4506e1;">Text here</span>

#4506e1 background color

This paragraph has a background color of #4506e1.

<p style="background-color:#4506e1;">Content here</p>

#4506e1 border color

This element has a border color of #4506e1.

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

CSS codes

.text {color:#4506e1;}

.background {background-color:#4506e1;}

.border {border:1px solid #4506e1;}

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, #05000f is the darkest color, while #fcfbff is the lightest one.

#05000f
```
#05000f rgb(5,0,15)
```
#0a0122
```
#0a0122 rgb(10,1,34)
```
#100135
```
#100135 rgb(16,1,53)
```
#160248
```
#160248 rgb(22,2,72)
```
#1c025b
```
#1c025b rgb(28,2,91)
```
#22036e
```
#22036e rgb(34,3,110)
```
#280381
```
#280381 rgb(40,3,129)
```
#2e0495
```
#2e0495 rgb(46,4,149)
```
#3304a8
```
#3304a8 rgb(51,4,168)
```
#3905bb
```
#3905bb rgb(57,5,187)
```
#3f05ce
```
#3f05ce rgb(63,5,206)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```
#4b07f4
```
#4b07f4 rgb(75,7,244)
```

Shade Color Variation

#5715f9
```
#5715f9 rgb(87,21,249)
```
#6529f9
```
#6529f9 rgb(101,41,249)
```
#723cfa
```
#723cfa rgb(114,60,250)
```
#804ffa
```
#804ffa rgb(128,79,250)
```
#8e62fb
```
#8e62fb rgb(142,98,251)
```
#9c75fb
```
#9c75fb rgb(156,117,251)
```
#a988fc
```
#a988fc rgb(169,136,252)
```
#b79bfc
```
#b79bfc rgb(183,155,252)
```
#c5aefd
```
#c5aefd rgb(197,174,253)
```
#d3c1fd
```
#d3c1fd rgb(211,193,253)
```
#e0d5fe
```
#e0d5fe rgb(224,213,254)
```
#eee8fe
```
#eee8fe rgb(238,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#727176
```
#727176 rgb(114,113,118)
```
#6f687f
```
#6f687f rgb(111,104,127)
```
#6b5f88
```
#6b5f88 rgb(107,95,136)
```
#675691
```
#675691 rgb(103,86,145)
```
#634d9a
```
#634d9a rgb(99,77,154)
```
#5f44a3
```
#5f44a3 rgb(95,68,163)
```
#5c3bac
```
#5c3bac rgb(92,59,172)
```
#5832b5
```
#5832b5 rgb(88,50,181)
```
#542abd
```
#542abd rgb(84,42,189)
```
#5021c6
```
#5021c6 rgb(80,33,198)
```
#4d18cf
```
#4d18cf rgb(77,24,207)
```
#490fd8
```
#490fd8 rgb(73,15,216)
```
#4506e1
```
#4506e1 rgb(69,6,225)
```

Tone Color Variation

Below, you can see how #4506e1 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

#323232 Achromatopsia 0.005% of the population
#362955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#1935b5 Protanomaly 1% of men, 0.01% of women
#1938a8 Deuteranomaly 6% of men, 0.4% of women
#193c8f Tritanomaly 0.01% of the population

#4506e1 hex color

#4506e1 Color Information

#4506e1 Color Conversion

Color Schemes with #4506e1

Alternatives to #4506e1

#4506e1 Preview

Shades and Tints of #4506e1

Tones of #4506e1

Color Blindness Simulator