#525ac4 hex color

In a RGB color space, hex #525ac4 is composed of 32.2% red, 35.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 54.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 235.8 degrees, a saturation of 49.1% and a lightness of 54.5%. #525ac4 color hex could be obtained by blending #a4b4ff with #000089. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 35
- B 77
RGB color chart
- C 58
- M 54
- Y 0
- K 23
CMYK color chart

● #525ac4 color description : Moderate blue.

The hexadecimal color #525ac4 has RGB values of R:82, G:90, B:196 and CMYK values of C:0.58, M:0.54, Y:0, K:0.23. Its decimal value is 5397188.

Hex triplet	525ac4	`#525ac4`
RGB Decimal	82, 90, 196	`rgb(82,90,196)`
RGB Percent	32.2, 35.3, 76.9	`rgb(32.2%,35.3%,76.9%)`
CMYK	58, 54, 0, 23
HSL	235.8°, 49.1, 54.5	`hsl(235.8,49.1%,54.5%)`
HSV (or HSB)	235.8°, 58.2, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.9, 28.372, -56.609
XYZ	17.098, 13.091, 53.847
xyY	0.203, 0.156, 13.091
CIE-LCH	42.9, 63.321, 296.62
CIE-LUV	42.9, -8.626, -85.973
Hunter-Lab	36.181, 21.033, -62.912
Binary	01010010, 01011010, 11000100

#525ac4
```
#525ac4 rgb(82,90,196)
```
#c4bc52
```
#c4bc52 rgb(196,188,82)
```

Complementary Color

#5293c4
```
#5293c4 rgb(82,147,196)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#8352c4
```
#8352c4 rgb(131,82,196)
```

Analogous Color

#93c452
```
#93c452 rgb(147,196,82)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#c48352
```
#c48352 rgb(196,131,82)
```

Split Complementary Color

#5ac452
```
#5ac452 rgb(90,196,82)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#c4525a
```
#c4525a rgb(196,82,90)
```

Triadic Color

#52c4bc
```
#52c4bc rgb(82,196,188)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#c4525a
```
#c4525a rgb(196,82,90)
```
#c4bc52
```
#c4bc52 rgb(196,188,82)
```

Tetradic Color

#333a96
```
#333a96 rgb(51,58,150)
```
#3a42a9
```
#3a42a9 rgb(58,66,169)
```
#4049bc
```
#4049bc rgb(64,73,188)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#656cca
```
#656cca rgb(101,108,202)
```
#787ed1
```
#787ed1 rgb(120,126,209)
```
#8b90d7
```
#8b90d7 rgb(139,144,215)
```

Monochromatic Color

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

#5277c4
```
#5277c4 rgb(82,119,196)
```
#526dc4
```
#526dc4 rgb(82,109,196)
```
#5264c4
```
#5264c4 rgb(82,100,196)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#5452c4
```
#5452c4 rgb(84,82,196)
```
#5d52c4
```
#5d52c4 rgb(93,82,196)
```
#6752c4
```
#6752c4 rgb(103,82,196)
```

Similar Colors

Text with hexadecimal color #525ac4

This text has a font color of #525ac4.

<span style="color:#525ac4;">Text here</span>

#525ac4 background color

This paragraph has a background color of #525ac4.

<p style="background-color:#525ac4;">Content here</p>

#525ac4 border color

This element has a border color of #525ac4.

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

CSS codes

.text {color:#525ac4;}

.background {background-color:#525ac4;}

.border {border:1px solid #525ac4;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060711
```
#060711 rgb(6,7,17)
```
#0b0c20
```
#0b0c20 rgb(11,12,32)
```
#10122e
```
#10122e rgb(16,18,46)
```
#15183d
```
#15183d rgb(21,24,61)
```
#1a1d4c
```
#1a1d4c rgb(26,29,76)
```
#1f235a
```
#1f235a rgb(31,35,90)
```
#242969
```
#242969 rgb(36,41,105)
```
#292e78
```
#292e78 rgb(41,46,120)
```
#2e3486
```
#2e3486 rgb(46,52,134)
```
#333a95
```
#333a95 rgb(51,58,149)
```
#383fa3
```
#383fa3 rgb(56,63,163)
```
#3d45b2
```
#3d45b2 rgb(61,69,178)
```

Shade Color Variation

#434cbf
```
#434cbf rgb(67,76,191)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#6168c9
```
#6168c9 rgb(97,104,201)
```
#6f76ce
```
#6f76ce rgb(111,118,206)
```
#7e84d3
```
#7e84d3 rgb(126,132,211)
```
#8d92d8
```
#8d92d8 rgb(141,146,216)
```
#9ba0dd
```
#9ba0dd rgb(155,160,221)
```
#aaaee2
```
#aaaee2 rgb(170,174,226)
```
#b8bce7
```
#b8bce7 rgb(184,188,231)
```
#c7caec
```
#c7caec rgb(199,202,236)
```
#d6d8f1
```
#d6d8f1 rgb(214,216,241)
```
#e4e6f6
```
#e4e6f6 rgb(228,230,246)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88888e is the less saturated color, while #1c2cfa is the most saturated one.

#88888e
```
#88888e rgb(136,136,142)
```
#7f8097
```
#7f8097 rgb(127,128,151)
```
#7679a0
```
#7679a0 rgb(118,121,160)
```
#6d71a9
```
#6d71a9 rgb(109,113,169)
```
#6469b2
```
#6469b2 rgb(100,105,178)
```
#5b62bb
```
#5b62bb rgb(91,98,187)
```
#525ac4
```
#525ac4 rgb(82,90,196)
```
#4952cd
```
#4952cd rgb(73,82,205)
```
#404bd6
```
#404bd6 rgb(64,75,214)
```
#3743df
```
#3743df rgb(55,67,223)
```
#2e3be8
```
#2e3be8 rgb(46,59,232)
```
#2534f1
```
#2534f1 rgb(37,52,241)
```
#1c2cfa
```
#1c2cfa rgb(28,44,250)
```

Tone Color Variation

Below, you can see how #525ac4 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

#646464 Achromatopsia 0.005% of the population
#606277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a69cd Protanopia 1% of men
#006fb7 Deuteranopia 1% of men
#32767e Tritanopia 0.001% of the population

Trichromacy

#2e64ca Protanomaly 1% of men, 0.01% of women
#1d67bc Deuteranomaly 6% of men, 0.4% of women
#3d6b98 Tritanomaly 0.01% of the population

#525ac4 hex color

#525ac4 Color Information

#525ac4 Color Conversion

Color Schemes with #525ac4

Alternatives to #525ac4

#525ac4 Preview

Shades and Tints of #525ac4

Tones of #525ac4

Color Blindness Simulator