#4506e2 hex color

In a RGB color space, hex #4506e2 is composed of 27.1% red, 2.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 97.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 257.2 degrees, a saturation of 94.8% and a lightness of 45.5%. #4506e2 color hex could be obtained by blending #8a0cff with #0000c5. Closest websafe color is: #3300cc.

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

● #4506e2 color description : Vivid violet.

The hexadecimal color #4506e2 has RGB values of R:69, G:6, B:226 and CMYK values of C:0.69, M:0.97, Y:0, K:0.11. Its decimal value is 4523746.

Hex triplet	4506e2	`#4506e2`
RGB Decimal	69, 6, 226	`rgb(69,6,226)`
RGB Percent	27.1, 2.4, 88.6	`rgb(27.1%,2.4%,88.6%)`
CMYK	69, 97, 0, 11
HSL	257.2°, 94.8, 45.5	`hsl(257.2,94.8%,45.5%)`
HSV (or HSB)	257.2°, 97.3, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.545, 72.539, -92.606
XYZ	16.244, 6.886, 72.42
xyY	0.17, 0.072, 6.886
CIE-LCH	31.545, 117.634, 308.072
CIE-LUV	31.545, -2.013, -116.601
Hunter-Lab	26.241, 64.58, -145.264
Binary	01000101, 00000110, 11100010

#4506e2
```
#4506e2 rgb(69,6,226)
```
#a3e206
```
#a3e206 rgb(163,226,6)
```

Complementary Color

#0635e2
```
#0635e2 rgb(6,53,226)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```

Analogous Color

#35e206
```
#35e206 rgb(53,226,6)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#e2b306
```
#e2b306 rgb(226,179,6)
```

Split Complementary Color

#06e245
```
#06e245 rgb(6,226,69)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#e24506
```
#e24506 rgb(226,69,6)
```

Triadic Color

#06a3e2
```
#06a3e2 rgb(6,163,226)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#e24506
```
#e24506 rgb(226,69,6)
```
#a3e206
```
#a3e206 rgb(163,226,6)
```

Tetradic Color

#2e0497
```
#2e0497 rgb(46,4,151)
```
#3605b0
```
#3605b0 rgb(54,5,176)
```
#3d05c9
```
#3d05c9 rgb(61,5,201)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#4e09f8
```
#4e09f8 rgb(78,9,248)
```
#6022f9
```
#6022f9 rgb(96,34,249)
```
#713bfa
```
#713bfa rgb(113,59,250)
```

Monochromatic Color

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

#0e06e2
```
#0e06e2 rgb(14,6,226)
```
#2006e2
```
#2006e2 rgb(32,6,226)
```
#3306e2
```
#3306e2 rgb(51,6,226)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#5706e2
```
#5706e2 rgb(87,6,226)
```
#6a06e2
```
#6a06e2 rgb(106,6,226)
```
#7c06e2
```
#7c06e2 rgb(124,6,226)
```

Similar Colors

Text with hexadecimal color #4506e2

This text has a font color of #4506e2.

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

#4506e2 background color

This paragraph has a background color of #4506e2.

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

#4506e2 border color

This element has a border color of #4506e2.

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

CSS codes

.text {color:#4506e2;}

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

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

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

#050010
```
#050010 rgb(5,0,16)
```
#0b0123
```
#0b0123 rgb(11,1,35)
```
#100136
```
#100136 rgb(16,1,54)
```
#160249
```
#160249 rgb(22,2,73)
```
#1c025c
```
#1c025c rgb(28,2,92)
```
#22036f
```
#22036f rgb(34,3,111)
```
#280382
```
#280382 rgb(40,3,130)
```
#2e0496
```
#2e0496 rgb(46,4,150)
```
#3304a9
```
#3304a9 rgb(51,4,169)
```
#3905bc
```
#3905bc rgb(57,5,188)
```
#3f05cf
```
#3f05cf rgb(63,5,207)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```
#4b07f5
```
#4b07f5 rgb(75,7,245)
```

Shade Color Variation

#5716f9
```
#5716f9 rgb(87,22,249)
```
#652af9
```
#652af9 rgb(101,42,249)
```
#733dfa
```
#733dfa rgb(115,61,250)
```
#8150fa
```
#8150fa rgb(129,80,250)
```
#8e63fb
```
#8e63fb rgb(142,99,251)
```
#9c76fb
```
#9c76fb rgb(156,118,251)
```
#aa89fc
```
#aa89fc rgb(170,137,252)
```
#b89cfc
```
#b89cfc rgb(184,156,252)
```
#c5affd
```
#c5affd rgb(197,175,253)
```
#d3c2fd
```
#d3c2fd rgb(211,194,253)
```
#e1d5fe
```
#e1d5fe rgb(225,213,254)
```
#efe9fe
```
#efe9fe rgb(239,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#737177
```
#737177 rgb(115,113,119)
```
#6f6880
```
#6f6880 rgb(111,104,128)
```
#6b5f89
```
#6b5f89 rgb(107,95,137)
```
#675692
```
#675692 rgb(103,86,146)
```
#644d9b
```
#644d9b rgb(100,77,155)
```
#6044a4
```
#6044a4 rgb(96,68,164)
```
#5c3cac
```
#5c3cac rgb(92,60,172)
```
#5833b5
```
#5833b5 rgb(88,51,181)
```
#542abe
```
#542abe rgb(84,42,190)
```
#5021c7
```
#5021c7 rgb(80,33,199)
```
#4d18d0
```
#4d18d0 rgb(77,24,208)
```
#490fd9
```
#490fd9 rgb(73,15,217)
```
#4506e2
```
#4506e2 rgb(69,6,226)
```

Tone Color Variation

Below, you can see how #4506e2 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
#005688 Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

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

#4506e2 hex color

#4506e2 Color Information

#4506e2 Color Conversion

Color Schemes with #4506e2

Alternatives to #4506e2

#4506e2 Preview

Shades and Tints of #4506e2

Tones of #4506e2

Color Blindness Simulator