#524bd4 hex color

In a RGB color space, hex #524bd4 is composed of 32.2% red, 29.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 64.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 243.1 degrees, a saturation of 61.4% and a lightness of 56.3%. #524bd4 color hex could be obtained by blending #a496ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 29
- B 83
RGB color chart
- C 61
- M 65
- Y 0
- K 17
CMYK color chart

● #524bd4 color description : Moderate blue.

The hexadecimal color #524bd4 has RGB values of R:82, G:75, B:212 and CMYK values of C:0.61, M:0.65, Y:0, K:0.17. Its decimal value is 5393364.

Hex triplet	524bd4	`#524bd4`
RGB Decimal	82, 75, 212	`rgb(82,75,212)`
RGB Percent	32.2, 29.4, 83.1	`rgb(32.2%,29.4%,83.1%)`
CMYK	61, 65, 0, 17
HSL	243.1°, 61.4, 56.3	`hsl(243.1,61.4%,56.3%)`
HSV (or HSB)	243.1°, 64.6, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.539, 42.776, -69.684
XYZ	17.877, 11.579, 63.577
xyY	0.192, 0.124, 11.579
CIE-LCH	40.539, 81.766, 301.544
CIE-LUV	40.539, -5.684, -103.158
Hunter-Lab	34.027, 34.231, -86.958
Binary	01010010, 01001011, 11010100

#524bd4
```
#524bd4 rgb(82,75,212)
```
#cdd44b
```
#cdd44b rgb(205,212,75)
```

Complementary Color

#4b89d4
```
#4b89d4 rgb(75,137,212)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#974bd4
```
#974bd4 rgb(151,75,212)
```

Analogous Color

#89d44b
```
#89d44b rgb(137,212,75)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#d4974b
```
#d4974b rgb(212,151,75)
```

Split Complementary Color

#4bd452
```
#4bd452 rgb(75,212,82)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#d4524b
```
#d4524b rgb(212,82,75)
```

Triadic Color

#4bcdd4
```
#4bcdd4 rgb(75,205,212)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#d4524b
```
#d4524b rgb(212,82,75)
```
#cdd44b
```
#cdd44b rgb(205,212,75)
```

Tetradic Color

#2f29aa
```
#2f29aa rgb(47,41,170)
```
#352ebe
```
#352ebe rgb(53,46,190)
```
#3e36cf
```
#3e36cf rgb(62,54,207)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#6660d9
```
#6660d9 rgb(102,96,217)
```
#7a74de
```
#7a74de rgb(122,116,222)
```
#8d89e3
```
#8d89e3 rgb(141,137,227)
```

Monochromatic Color

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

#4b66d4
```
#4b66d4 rgb(75,102,212)
```
#4b5bd4
```
#4b5bd4 rgb(75,91,212)
```
#4b4fd4
```
#4b4fd4 rgb(75,79,212)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#5d4bd4
```
#5d4bd4 rgb(93,75,212)
```
#694bd4
```
#694bd4 rgb(105,75,212)
```
#744bd4
```
#744bd4 rgb(116,75,212)
```

Similar Colors

Text with hexadecimal color #524bd4

This text has a font color of #524bd4.

<span style="color:#524bd4;">Text here</span>

#524bd4 background color

This paragraph has a background color of #524bd4.

<p style="background-color:#524bd4;">Content here</p>

#524bd4 border color

This element has a border color of #524bd4.

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

CSS codes

.text {color:#524bd4;}

.background {background-color:#524bd4;}

.border {border:1px solid #524bd4;}

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

#03020a
```
#03020a rgb(3,2,10)
```
#07061a
```
#07061a rgb(7,6,26)
```
#0c0a2a
```
#0c0a2a rgb(12,10,42)
```
#100e39
```
#100e39 rgb(16,14,57)
```
#141249
```
#141249 rgb(20,18,73)
```
#191559
```
#191559 rgb(25,21,89)
```
#1d1969
```
#1d1969 rgb(29,25,105)
```
#221d79
```
#221d79 rgb(34,29,121)
```
#262189
```
#262189 rgb(38,33,137)
```
#2a2498
```
#2a2498 rgb(42,36,152)
```
#2f28a8
```
#2f28a8 rgb(47,40,168)
```
#332cb8
```
#332cb8 rgb(51,44,184)
```
#3830c8
```
#3830c8 rgb(56,48,200)
```

Shade Color Variation

#433bd0
```
#433bd0 rgb(67,59,208)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#615bd8
```
#615bd8 rgb(97,91,216)
```
#706bdc
```
#706bdc rgb(112,107,220)
```
#807adf
```
#807adf rgb(128,122,223)
```
#8f8ae3
```
#8f8ae3 rgb(143,138,227)
```
#9e9ae7
```
#9e9ae7 rgb(158,154,231)
```
#adaaeb
```
#adaaeb rgb(173,170,235)
```
#bdbaee
```
#bdbaee rgb(189,186,238)
```
#cccaf2
```
#cccaf2 rgb(204,202,242)
```
#dbd9f6
```
#dbd9f6 rgb(219,217,246)
```
#eae9fa
```
#eae9fa rgb(234,233,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#888798
```
#888798 rgb(136,135,152)
```
#807ea1
```
#807ea1 rgb(128,126,161)
```
#7976a9
```
#7976a9 rgb(121,118,169)
```
#716db2
```
#716db2 rgb(113,109,178)
```
#6965ba
```
#6965ba rgb(105,101,186)
```
#615cc3
```
#615cc3 rgb(97,92,195)
```
#5a54cb
```
#5a54cb rgb(90,84,203)
```
#524bd4
```
#524bd4 rgb(82,75,212)
```
#4a42dd
```
#4a42dd rgb(74,66,221)
```
#433ae5
```
#433ae5 rgb(67,58,229)
```
#3b31ee
```
#3b31ee rgb(59,49,238)
```
#3329f6
```
#3329f6 rgb(51,41,246)
```
#2b20ff
```
#2b20ff rgb(43,32,255)
```

Tone Color Variation

Below, you can see how #524bd4 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

#5d5d5d Achromatopsia 0.005% of the population
#5b5975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#00717a Tritanopia 0.001% of the population

Trichromacy

#1d5bca Protanomaly 1% of men, 0.01% of women
#1d5eba Deuteranomaly 6% of men, 0.4% of women
#1d639a Tritanomaly 0.01% of the population

#524bd4 hex color

#524bd4 Color Information

#524bd4 Color Conversion

Color Schemes with #524bd4

Alternatives to #524bd4

#524bd4 Preview

Shades and Tints of #524bd4

Tones of #524bd4

Color Blindness Simulator