colorhexa.com

#4500e2 hex color

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

- R 27
- G 0
- B 89
RGB color chart
- C 69
- M 100
- Y 0
- K 11
CMYK color chart

● #4500e2 color description : Pure (or mostly pure) violet.

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

Hex triplet	4500e2	`#4500e2`
RGB Decimal	69, 0, 226	`rgb(69,0,226)`
RGB Percent	27.1, 0, 88.6	`rgb(27.1%,0%,88.6%)`
CMYK	69, 100, 0, 11
HSL	258.3°, 100, 44.3	`hsl(258.3,100%,44.3%)`
HSV (or HSB)	258.3°, 100, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.244, 73.468, -93.109
XYZ	16.179, 6.755, 72.399
xyY	0.17, 0.071, 6.755
CIE-LCH	31.244, 118.604, 308.275
CIE-LUV	31.244, -1.822, -116.443
Hunter-Lab	25.991, 65.629, -146.959
Binary	01000101, 00000000, 11100010

#4500e2
```
#4500e2 rgb(69,0,226)
```
#9de200
```
#9de200 rgb(157,226,0)
```

Complementary Color

#002ce2
```
#002ce2 rgb(0,44,226)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```
#b600e2
```
#b600e2 rgb(182,0,226)
```

Analogous Color

#2ce200
```
#2ce200 rgb(44,226,0)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```
#e2b600
```
#e2b600 rgb(226,182,0)
```

Split Complementary Color

#2e0096
```
#2e0096 rgb(46,0,150)
```
#3500af
```
#3500af rgb(53,0,175)
```
#3d00c9
```
#3d00c9 rgb(61,0,201)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```
#4d00fc
```
#4d00fc rgb(77,0,252)
```
#5d16ff
```
#5d16ff rgb(93,22,255)
```
#6f30ff
```
#6f30ff rgb(111,48,255)
```

Monochromatic Color

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

#0d00e2
```
#0d00e2 rgb(13,0,226)
```
#1f00e2
```
#1f00e2 rgb(31,0,226)
```
#3200e2
```
#3200e2 rgb(50,0,226)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```
#5800e2
```
#5800e2 rgb(88,0,226)
```
#6b00e2
```
#6b00e2 rgb(107,0,226)
```
#7e00e2
```
#7e00e2 rgb(126,0,226)
```

Similar Colors

Text with hexadecimal color #4500e2

This text has a font color of #4500e2.

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

#4500e2 background color

This paragraph has a background color of #4500e2.

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

#4500e2 border color

This element has a border color of #4500e2.

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

CSS codes

.text {color:#4500e2;}

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

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

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, #03000a is the darkest color, while #f8f6ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#09001e
```
#09001e rgb(9,0,30)
```
#0f0031
```
#0f0031 rgb(15,0,49)
```
#150045
```
#150045 rgb(21,0,69)
```
#1b0059
```
#1b0059 rgb(27,0,89)
```
#21006c
```
#21006c rgb(33,0,108)
```
#270080
```
#270080 rgb(39,0,128)
```
#2d0094
```
#2d0094 rgb(45,0,148)
```
#3300a7
```
#3300a7 rgb(51,0,167)
```
#3900bb
```
#3900bb rgb(57,0,187)
```
#3f00ce
```
#3f00ce rgb(63,0,206)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```
#4b00f6
```
#4b00f6 rgb(75,0,246)
```

Shade Color Variation

#550aff
```
#550aff rgb(85,10,255)
```
#631eff
```
#631eff rgb(99,30,255)
```
#7031ff
```
#7031ff rgb(112,49,255)
```
#7e45ff
```
#7e45ff rgb(126,69,255)
```
#8b59ff
```
#8b59ff rgb(139,89,255)
```
#996cff
```
#996cff rgb(153,108,255)
```
#a780ff
```
#a780ff rgb(167,128,255)
```
#b494ff
```
#b494ff rgb(180,148,255)
```
#c2a7ff
```
#c2a7ff rgb(194,167,255)
```
#d0bbff
```
#d0bbff rgb(208,187,255)
```
#ddceff
```
#ddceff rgb(221,206,255)
```
#ebe2ff
```
#ebe2ff rgb(235,226,255)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#6e687a
```
#6e687a rgb(110,104,122)
```
#6a6082
```
#6a6082 rgb(106,96,130)
```
#67578b
```
#67578b rgb(103,87,139)
```
#634e94
```
#634e94 rgb(99,78,148)
```
#60469c
```
#60469c rgb(96,70,156)
```
#5d3da5
```
#5d3da5 rgb(93,61,165)
```
#5934ae
```
#5934ae rgb(89,52,174)
```
#562bb7
```
#562bb7 rgb(86,43,183)
```
#5323bf
```
#5323bf rgb(83,35,191)
```
#4f1ac8
```
#4f1ac8 rgb(79,26,200)
```
#4c11d1
```
#4c11d1 rgb(76,17,209)
```
#4809d9
```
#4809d9 rgb(72,9,217)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```

Tone Color Variation

Below, you can see how #4500e2 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

#2e2e2e Achromatopsia 0.005% of the population
#332552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#1933b5 Protanomaly 1% of men, 0.01% of women
#1936a8 Deuteranomaly 6% of men, 0.4% of women
#193a8f Tritanomaly 0.01% of the population