#4524e1 hex color

In a RGB color space, hex #4524e1 is composed of 27.1% red, 14.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 84% magenta, 0% yellow and 11.8% black. It has a hue angle of 250.5 degrees, a saturation of 75.9% and a lightness of 51.2%. #4524e1 color hex could be obtained by blending #8a48ff with #0000c3. Closest websafe color is: #3333cc.

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

● #4524e1 color description : Bright blue.

The hexadecimal color #4524e1 has RGB values of R:69, G:36, B:225 and CMYK values of C:0.69, M:0.84, Y:0, K:0.12. Its decimal value is 4531425.

Hex triplet	4524e1	`#4524e1`
RGB Decimal	69, 36, 225	`rgb(69,36,225)`
RGB Percent	27.1, 14.1, 88.2	`rgb(27.1%,14.1%,88.2%)`
CMYK	69, 84, 0, 12
HSL	250.5°, 75.9, 51.2	`hsl(250.5,75.9%,51.2%)`
HSV (or HSB)	250.5°, 84, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.904, 64.79, -88.11
XYZ	16.673, 7.962, 71.888
xyY	0.173, 0.082, 7.962
CIE-LCH	33.904, 109.367, 306.328
CIE-LUV	33.904, -3.637, -116.634
Hunter-Lab	28.218, 56.09, -131.297
Binary	01000101, 00100100, 11100001

#4524e1
```
#4524e1 rgb(69,36,225)
```
#c0e124
```
#c0e124 rgb(192,225,36)
```

Complementary Color

#2462e1
```
#2462e1 rgb(36,98,225)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#a424e1
```
#a424e1 rgb(164,36,225)
```

Analogous Color

#62e124
```
#62e124 rgb(98,225,36)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#e1a424
```
#e1a424 rgb(225,164,36)
```

Split Complementary Color

#24e145
```
#24e145 rgb(36,225,69)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#e14524
```
#e14524 rgb(225,69,36)
```

Triadic Color

#24c0e1
```
#24c0e1 rgb(36,192,225)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#e14524
```
#e14524 rgb(225,69,36)
```
#c0e124
```
#c0e124 rgb(192,225,36)
```

Tetradic Color

#2f16a2
```
#2f16a2 rgb(47,22,162)
```
#3519b9
```
#3519b9 rgb(53,25,185)
```
#3c1ccf
```
#3c1ccf rgb(60,28,207)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#583ae4
```
#583ae4 rgb(88,58,228)
```
#6b51e7
```
#6b51e7 rgb(107,81,231)
```
#7e67ea
```
#7e67ea rgb(126,103,234)
```

Monochromatic Color

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

#2432e1
```
#2432e1 rgb(36,50,225)
```
#2624e1
```
#2624e1 rgb(38,36,225)
```
#3524e1
```
#3524e1 rgb(53,36,225)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#5524e1
```
#5524e1 rgb(85,36,225)
```
#6524e1
```
#6524e1 rgb(101,36,225)
```
#7424e1
```
#7424e1 rgb(116,36,225)
```

Similar Colors

Text with hexadecimal color #4524e1

This text has a font color of #4524e1.

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

#4524e1 background color

This paragraph has a background color of #4524e1.

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

#4524e1 border color

This element has a border color of #4524e1.

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

CSS codes

.text {color:#4524e1;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#060317
```
#060317 rgb(6,3,23)
```
#0b0528
```
#0b0528 rgb(11,5,40)
```
#100839
```
#100839 rgb(16,8,57)
```
#150a4a
```
#150a4a rgb(21,10,74)
```
#1a0d5c
```
#1a0d5c rgb(26,13,92)
```
#1f0f6d
```
#1f0f6d rgb(31,15,109)
```
#24117e
```
#24117e rgb(36,17,126)
```
#29148f
```
#29148f rgb(41,20,143)
```
#2e16a1
```
#2e16a1 rgb(46,22,161)
```
#3318b2
```
#3318b2 rgb(51,24,178)
```
#381bc3
```
#381bc3 rgb(56,27,195)
```
#3d1dd4
```
#3d1dd4 rgb(61,29,212)
```

Shade Color Variation

#4524e1
```
#4524e1 rgb(69,36,225)
```
#5435e3
```
#5435e3 rgb(84,53,227)
```
#6247e6
```
#6247e6 rgb(98,71,230)
```
#7158e8
```
#7158e8 rgb(113,88,232)
```
#8069ea
```
#8069ea rgb(128,105,234)
```
#8e7aed
```
#8e7aed rgb(142,122,237)
```
#9d8cef
```
#9d8cef rgb(157,140,239)
```
#ac9df2
```
#ac9df2 rgb(172,157,242)
```
#baaef4
```
#baaef4 rgb(186,174,244)
```
#c9bff6
```
#c9bff6 rgb(201,191,246)
```
#d8d1f9
```
#d8d1f9 rgb(216,209,249)
```
#e6e2fb
```
#e6e2fb rgb(230,226,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7a8b is the less saturated color, while #3207fe is the most saturated one.

#7d7a8b
```
#7d7a8b rgb(125,122,139)
```
#777194
```
#777194 rgb(119,113,148)
```
#71679e
```
#71679e rgb(113,103,158)
```
#6a5da8
```
#6a5da8 rgb(106,93,168)
```
#6454b1
```
#6454b1 rgb(100,84,177)
```
#5e4abb
```
#5e4abb rgb(94,74,187)
```
#5841c4
```
#5841c4 rgb(88,65,196)
```
#5137ce
```
#5137ce rgb(81,55,206)
```
#4b2ed7
```
#4b2ed7 rgb(75,46,215)
```
#4524e1
```
#4524e1 rgb(69,36,225)
```
#3f1aeb
```
#3f1aeb rgb(63,26,235)
```
#3911f4
```
#3911f4 rgb(57,17,244)
```
#3207fe
```
#3207fe rgb(50,7,254)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#433d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1944bc Protanomaly 1% of men, 0.01% of women
#1947ae Deuteranomaly 6% of men, 0.4% of women
#194b93 Tritanomaly 0.01% of the population

#4524e1 hex color

#4524e1 Color Information

#4524e1 Color Conversion

Color Schemes with #4524e1

Alternatives to #4524e1

#4524e1 Preview

Shades and Tints of #4524e1

Tones of #4524e1

Color Blindness Simulator