#4524f2 hex color

In a RGB color space, hex #4524f2 is composed of 27.1% red, 14.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 85.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 249.6 degrees, a saturation of 88.8% and a lightness of 54.5%. #4524f2 color hex could be obtained by blending #8a48ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 14
- B 95
RGB color chart
- C 71
- M 85
- Y 0
- K 5
CMYK color chart

● #4524f2 color description : Vivid blue.

The hexadecimal color #4524f2 has RGB values of R:69, G:36, B:242 and CMYK values of C:0.71, M:0.85, Y:0, K:0.05. Its decimal value is 4531442.

Hex triplet	4524f2	`#4524f2`
RGB Decimal	69, 36, 242	`rgb(69,36,242)`
RGB Percent	27.1, 14.1, 94.9	`rgb(27.1%,14.1%,94.9%)`
CMYK	71, 85, 0, 5
HSL	249.6°, 88.8, 54.5	`hsl(249.6,88.8%,54.5%)`
HSV (or HSB)	249.6°, 85.1, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.862, 69.368, -94.533
XYZ	19.109, 8.937, 84.717
xyY	0.169, 0.079, 8.937
CIE-LCH	35.862, 117.253, 306.271
CIE-LUV	35.862, -4.746, -126.282
Hunter-Lab	29.894, 61.785, -147.095
Binary	01000101, 00100100, 11110010

#4524f2
```
#4524f2 rgb(69,36,242)
```
#d1f224
```
#d1f224 rgb(209,242,36)
```

Complementary Color

#246af2
```
#246af2 rgb(36,106,242)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#ac24f2
```
#ac24f2 rgb(172,36,242)
```

Analogous Color

#6af224
```
#6af224 rgb(106,242,36)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#f2ac24
```
#f2ac24 rgb(242,172,36)
```

Split Complementary Color

#24f245
```
#24f245 rgb(36,242,69)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#f24524
```
#f24524 rgb(242,69,36)
```

Triadic Color

#24d1f2
```
#24d1f2 rgb(36,209,242)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#f24524
```
#f24524 rgb(242,69,36)
```
#d1f224
```
#d1f224 rgb(209,242,36)
```

Tetradic Color

#280bbe
```
#280bbe rgb(40,11,190)
```
#2d0dd6
```
#2d0dd6 rgb(45,13,214)
```
#320eee
```
#320eee rgb(50,14,238)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#593cf3
```
#593cf3 rgb(89,60,243)
```
#6e54f5
```
#6e54f5 rgb(110,84,245)
```
#826cf6
```
#826cf6 rgb(130,108,246)
```

Monochromatic Color

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

#2437f2
```
#2437f2 rgb(36,55,242)
```
#2425f2
```
#2425f2 rgb(36,37,242)
```
#3424f2
```
#3424f2 rgb(52,36,242)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#5624f2
```
#5624f2 rgb(86,36,242)
```
#6724f2
```
#6724f2 rgb(103,36,242)
```
#7924f2
```
#7924f2 rgb(121,36,242)
```

Similar Colors

Text with hexadecimal color #4524f2

This text has a font color of #4524f2.

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

#4524f2 background color

This paragraph has a background color of #4524f2.

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

#4524f2 border color

This element has a border color of #4524f2.

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

CSS codes

.text {color:#4524f2;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050116
```
#050116 rgb(5,1,22)
```
#080228
```
#080228 rgb(8,2,40)
```
#0c033b
```
#0c033b rgb(12,3,59)
```
#10054d
```
#10054d rgb(16,5,77)
```
#140660
```
#140660 rgb(20,6,96)
```
#180772
```
#180772 rgb(24,7,114)
```
#1c0885
```
#1c0885 rgb(28,8,133)
```
#200997
```
#200997 rgb(32,9,151)
```
#240aaa
```
#240aaa rgb(36,10,170)
```
#280bbc
```
#280bbc rgb(40,11,188)
```
#2b0ccf
```
#2b0ccf rgb(43,12,207)
```
#2f0de1
```
#2f0de1 rgb(47,13,225)
```

Shade Color Variation

#3511f1
```
#3511f1 rgb(53,17,241)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#5537f3
```
#5537f3 rgb(85,55,243)
```
#6449f4
```
#6449f4 rgb(100,73,244)
```
#745cf5
```
#745cf5 rgb(116,92,245)
```
#846ef6
```
#846ef6 rgb(132,110,246)
```
#9481f7
```
#9481f7 rgb(148,129,247)
```
#a393f9
```
#a393f9 rgb(163,147,249)
```
#b3a6fa
```
#b3a6fa rgb(179,166,250)
```
#c3b8fb
```
#c3b8fb rgb(195,184,251)
```
#d3cbfc
```
#d3cbfc rgb(211,203,252)
```
#e2ddfd
```
#e2ddfd rgb(226,221,253)
```
#f2f0fe
```
#f2f0fe rgb(242,240,254)
```

Tint Color Variation

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

#888690
```
#888690 rgb(136,134,144)
```
#827d99
```
#827d99 rgb(130,125,153)
```
#7c74a2
```
#7c74a2 rgb(124,116,162)
```
#766bab
```
#766bab rgb(118,107,171)
```
#6f62b4
```
#6f62b4 rgb(111,98,180)
```
#695abc
```
#695abc rgb(105,90,188)
```
#6351c5
```
#6351c5 rgb(99,81,197)
```
#5d48ce
```
#5d48ce rgb(93,72,206)
```
#573fd7
```
#573fd7 rgb(87,63,215)
```
#5136e0
```
#5136e0 rgb(81,54,224)
```
#4b2de9
```
#4b2de9 rgb(75,45,233)
```
#4524f2
```
#4524f2 rgb(69,36,242)
```
#3f1bfb
```
#3f1bfb rgb(63,27,251)
```

Tone Color Variation

Below, you can see how #4524f2 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
#453e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1946c7 Protanomaly 1% of men, 0.01% of women
#194ab8 Deuteranomaly 6% of men, 0.4% of women
#194e9c Tritanomaly 0.01% of the population

#4524f2 hex color

#4524f2 Color Information

#4524f2 Color Conversion

Color Schemes with #4524f2

Alternatives to #4524f2

#4524f2 Preview

Shades and Tints of #4524f2

Tones of #4524f2

Color Blindness Simulator