#525ad0 hex color

In a RGB color space, hex #525ad0 is composed of 32.2% red, 35.3% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 56.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 236.2 degrees, a saturation of 57.3% and a lightness of 56.9%. #525ad0 color hex could be obtained by blending #a4b4ff with #0000a1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 35
- B 82
RGB color chart
- C 61
- M 57
- Y 0
- K 18
CMYK color chart

● #525ad0 color description : Moderate blue.

The hexadecimal color #525ad0 has RGB values of R:82, G:90, B:208 and CMYK values of C:0.61, M:0.57, Y:0, K:0.18. Its decimal value is 5397200.

Hex triplet	525ad0	`#525ad0`
RGB Decimal	82, 90, 208	`rgb(82,90,208)`
RGB Percent	32.2, 35.3, 81.6	`rgb(32.2%,35.3%,81.6%)`
CMYK	61, 57, 0, 18
HSL	236.2°, 57.3, 56.9	`hsl(236.2,57.3%,56.9%)`
HSV (or HSB)	236.2°, 60.6, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.74, 32.362, -62.172
XYZ	18.519, 13.659, 61.332
xyY	0.198, 0.146, 13.659
CIE-LCH	43.74, 70.09, 297.498
CIE-LUV	43.74, -9.108, -94.725
Hunter-Lab	36.959, 24.763, -72.519
Binary	01010010, 01011010, 11010000

#525ad0
```
#525ad0 rgb(82,90,208)
```
#d0c852
```
#d0c852 rgb(208,200,82)
```

Complementary Color

#5299d0
```
#5299d0 rgb(82,153,208)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#8952d0
```
#8952d0 rgb(137,82,208)
```

Analogous Color

#99d052
```
#99d052 rgb(153,208,82)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#d08952
```
#d08952 rgb(208,137,82)
```

Split Complementary Color

#5ad052
```
#5ad052 rgb(90,208,82)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#d0525a
```
#d0525a rgb(208,82,90)
```

Triadic Color

#52d0c8
```
#52d0c8 rgb(82,208,200)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#d0525a
```
#d0525a rgb(208,82,90)
```
#d0c852
```
#d0c852 rgb(208,200,82)
```

Tetradic Color

#2e35a8
```
#2e35a8 rgb(46,53,168)
```
#333cbc
```
#333cbc rgb(51,60,188)
```
#3e47cb
```
#3e47cb rgb(62,71,203)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#666dd5
```
#666dd5 rgb(102,109,213)
```
#7a80db
```
#7a80db rgb(122,128,219)
```
#8e93e0
```
#8e93e0 rgb(142,147,224)
```

Monochromatic Color

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

#527ad0
```
#527ad0 rgb(82,122,208)
```
#526fd0
```
#526fd0 rgb(82,111,208)
```
#5265d0
```
#5265d0 rgb(82,101,208)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#5452d0
```
#5452d0 rgb(84,82,208)
```
#5f52d0
```
#5f52d0 rgb(95,82,208)
```
#6a52d0
```
#6a52d0 rgb(106,82,208)
```

Similar Colors

Text with hexadecimal color #525ad0

This text has a font color of #525ad0.

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

#525ad0 background color

This paragraph has a background color of #525ad0.

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

#525ad0 border color

This element has a border color of #525ad0.

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

CSS codes

.text {color:#525ad0;}

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

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

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, #03040c is the darkest color, while #fcfcfe is the lightest one.

#03040c
```
#03040c rgb(3,4,12)
```
#07091c
```
#07091c rgb(7,9,28)
```
#0c0e2b
```
#0c0e2b rgb(12,14,43)
```
#10133a
```
#10133a rgb(16,19,58)
```
#14174a
```
#14174a rgb(20,23,74)
```
#181c59
```
#181c59 rgb(24,28,89)
```
#1c2169
```
#1c2169 rgb(28,33,105)
```
#212678
```
#212678 rgb(33,38,120)
```
#252b87
```
#252b87 rgb(37,43,135)
```
#293097
```
#293097 rgb(41,48,151)
```
#2d35a6
```
#2d35a6 rgb(45,53,166)
```
#313ab6
```
#313ab6 rgb(49,58,182)
```
#363fc5
```
#363fc5 rgb(54,63,197)
```

Shade Color Variation

#434bcc
```
#434bcc rgb(67,75,204)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#6169d4
```
#6169d4 rgb(97,105,212)
```
#7177d8
```
#7177d8 rgb(113,119,216)
```
#8086dd
```
#8086dd rgb(128,134,221)
```
#9095e1
```
#9095e1 rgb(144,149,225)
```
#9fa4e5
```
#9fa4e5 rgb(159,164,229)
```
#afb2e9
```
#afb2e9 rgb(175,178,233)
```
#bec1ed
```
#bec1ed rgb(190,193,237)
```
#cdd0f2
```
#cdd0f2 rgb(205,208,242)
```
#dddef6
```
#dddef6 rgb(221,222,246)
```
#ecedfa
```
#ecedfa rgb(236,237,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#8d8e95
```
#8d8e95 rgb(141,142,149)
```
#85869d
```
#85869d rgb(133,134,157)
```
#7c7fa6
```
#7c7fa6 rgb(124,127,166)
```
#7478ae
```
#7478ae rgb(116,120,174)
```
#6b70b7
```
#6b70b7 rgb(107,112,183)
```
#6369bf
```
#6369bf rgb(99,105,191)
```
#5a61c8
```
#5a61c8 rgb(90,97,200)
```
#525ad0
```
#525ad0 rgb(82,90,208)
```
#4a53d8
```
#4a53d8 rgb(74,83,216)
```
#414be1
```
#414be1 rgb(65,75,225)
```
#3944e9
```
#3944e9 rgb(57,68,233)
```
#303cf2
```
#303cf2 rgb(48,60,242)
```
#2835fa
```
#2835fa rgb(40,53,250)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#61637a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071ba Deuteranopia 1% of men
#237982 Tritanopia 0.001% of the population

Trichromacy

#1d65d2 Protanomaly 1% of men, 0.01% of women
#1d69c2 Deuteranomaly 6% of men, 0.4% of women
#346d9e Tritanomaly 0.01% of the population

#525ad0 hex color

#525ad0 Color Information

#525ad0 Color Conversion

Color Schemes with #525ad0

Alternatives to #525ad0

#525ad0 Preview

Shades and Tints of #525ad0

Tones of #525ad0

Color Blindness Simulator