#4521ff hex color

In a RGB color space, hex #4521ff is composed of 27.1% red, 12.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 87.1% magenta, 0% yellow and 0% black. It has a hue angle of 249.7 degrees, a saturation of 100% and a lightness of 56.5%. #4521ff color hex could be obtained by blending #8a42ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 13
- B 100
RGB color chart
- C 73
- M 87
- Y 0
- K 0
CMYK color chart

● #4521ff color description : Vivid blue.

The hexadecimal color #4521ff has RGB values of R:69, G:33, B:255 and CMYK values of C:0.73, M:0.87, Y:0, K:0. Its decimal value is 4530687.

Hex triplet	4521ff	`#4521ff`
RGB Decimal	69, 33, 255	`rgb(69,33,255)`
RGB Percent	27.1, 12.9, 100	`rgb(27.1%,12.9%,100%)`
CMYK	73, 87, 0, 0
HSL	249.7°, 100, 56.5	`hsl(249.7,100%,56.5%)`
HSV (or HSB)	249.7°, 87.1, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.063, 73.767, -99.851
XYZ	21.045, 9.572, 95.341
xyY	0.167, 0.076, 9.572
CIE-LCH	37.063, 124.145, 306.456
CIE-LUV	37.063, -5.321, -133.546
Hunter-Lab	30.938, 67.276, -161.054
Binary	01000101, 00100001, 11111111

#4521ff
```
#4521ff rgb(69,33,255)
```
#dbff21
```
#dbff21 rgb(219,255,33)
```

Complementary Color

#216cff
```
#216cff rgb(33,108,255)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```

Analogous Color

#6cff21
```
#6cff21 rgb(108,255,33)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#ffb421
```
#ffb421 rgb(255,180,33)
```

Split Complementary Color

#21ff45
```
#21ff45 rgb(33,255,69)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#ff4521
```
#ff4521 rgb(255,69,33)
```

Triadic Color

#21dbff
```
#21dbff rgb(33,219,255)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#ff4521
```
#ff4521 rgb(255,69,33)
```
#dbff21
```
#dbff21 rgb(219,255,33)
```

Tetradic Color

#2200d4
```
#2200d4 rgb(34,0,212)
```
#2600ed
```
#2600ed rgb(38,0,237)
```
#3007ff
```
#3007ff rgb(48,7,255)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#5a3bff
```
#5a3bff rgb(90,59,255)
```
#7054ff
```
#7054ff rgb(112,84,255)
```
#856eff
```
#856eff rgb(133,110,255)
```

Monochromatic Color

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

#2135ff
```
#2135ff rgb(33,53,255)
```
#2122ff
```
#2122ff rgb(33,34,255)
```
#3321ff
```
#3321ff rgb(51,33,255)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#5821ff
```
#5821ff rgb(88,33,255)
```
#6a21ff
```
#6a21ff rgb(106,33,255)
```
#7d21ff
```
#7d21ff rgb(125,33,255)
```

Similar Colors

Text with hexadecimal color #4521ff

This text has a font color of #4521ff.

<span style="color:#4521ff;">Text here</span>

#4521ff background color

This paragraph has a background color of #4521ff.

<p style="background-color:#4521ff;">Content here</p>

#4521ff border color

This element has a border color of #4521ff.

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

CSS codes

.text {color:#4521ff;}

.background {background-color:#4521ff;}

.border {border:1px solid #4521ff;}

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, #02000d is the darkest color, while #faf9ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#050021
```
#050021 rgb(5,0,33)
```
#090035
```
#090035 rgb(9,0,53)
```
#0c0048
```
#0c0048 rgb(12,0,72)
```
#0f005c
```
#0f005c rgb(15,0,92)
```
#12006f
```
#12006f rgb(18,0,111)
```
#150083
```
#150083 rgb(21,0,131)
```
#180097
```
#180097 rgb(24,0,151)
```
#1c00aa
```
#1c00aa rgb(28,0,170)
```
#1f00be
```
#1f00be rgb(31,0,190)
```
#2200d2
```
#2200d2 rgb(34,0,210)
```
#2500e5
```
#2500e5 rgb(37,0,229)
```
#2800f9
```
#2800f9 rgb(40,0,249)
```

Shade Color Variation

#350dff
```
#350dff rgb(53,13,255)
```
#4521ff
```
#4521ff rgb(69,33,255)
```
#5535ff
```
#5535ff rgb(85,53,255)
```
#6648ff
```
#6648ff rgb(102,72,255)
```
#765cff
```
#765cff rgb(118,92,255)
```
#876fff
```
#876fff rgb(135,111,255)
```
#9783ff
```
#9783ff rgb(151,131,255)
```
#a897ff
```
#a897ff rgb(168,151,255)
```
#b8aaff
```
#b8aaff rgb(184,170,255)
```
#c8beff
```
#c8beff rgb(200,190,255)
```
#d9d2ff
```
#d9d2ff rgb(217,210,255)
```
#e9e5ff
```
#e9e5ff rgb(233,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8799 is the less saturated color, while #4521ff is the most saturated one.

#8a8799
```
#8a8799 rgb(138,135,153)
```
#847fa1
```
#847fa1 rgb(132,127,161)
```
#7f76aa
```
#7f76aa rgb(127,118,170)
```
#796eb2
```
#796eb2 rgb(121,110,178)
```
#7365bb
```
#7365bb rgb(115,101,187)
```
#6d5dc3
```
#6d5dc3 rgb(109,93,195)
```
#6854cc
```
#6854cc rgb(104,84,204)
```
#624cd4
```
#624cd4 rgb(98,76,212)
```
#5c43dd
```
#5c43dd rgb(92,67,221)
```
#563be5
```
#563be5 rgb(86,59,229)
```
#5132ee
```
#5132ee rgb(81,50,238)
```
#4b2af6
```
#4b2af6 rgb(75,42,246)
```
#4521ff
```
#4521ff rgb(69,33,255)
```

Tone Color Variation

Below, you can see how #4521ff 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

#454545 Achromatopsia 0.005% of the population
#453e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#1947cf Protanomaly 1% of men, 0.01% of women
#194ac0 Deuteranomaly 6% of men, 0.4% of women
#194fa3 Tritanomaly 0.01% of the population

#4521ff hex color

#4521ff Color Information

#4521ff Color Conversion

Color Schemes with #4521ff

Alternatives to #4521ff

#4521ff Preview

Shades and Tints of #4521ff

Tones of #4521ff

Color Blindness Simulator