#525bdc hex color

In a RGB color space, hex #525bdc is composed of 32.2% red, 35.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 58.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 236.1 degrees, a saturation of 66.3% and a lightness of 59.2%. #525bdc color hex could be obtained by blending #a4b6ff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 36
- B 86
RGB color chart
- C 63
- M 59
- Y 0
- K 14
CMYK color chart

● #525bdc color description : Soft blue.

The hexadecimal color #525bdc has RGB values of R:82, G:91, B:220 and CMYK values of C:0.63, M:0.59, Y:0, K:0.14. Its decimal value is 5397468.

Hex triplet	525bdc	`#525bdc`
RGB Decimal	82, 91, 220	`rgb(82,91,220)`
RGB Percent	32.2, 35.7, 86.3	`rgb(32.2%,35.7%,86.3%)`
CMYK	63, 59, 0, 14
HSL	236.1°, 66.3, 59.2	`hsl(236.1,66.3%,59.2%)`
HSV (or HSB)	236.1°, 62.7, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.861, 35.739, -67.214
XYZ	20.136, 14.442, 69.433
xyY	0.194, 0.139, 14.442
CIE-LCH	44.861, 76.125, 298.001
CIE-LUV	44.861, -9.836, -102.81
Hunter-Lab	38.003, 28.075, -81.723
Binary	01010010, 01011011, 11011100

#525bdc
```
#525bdc rgb(82,91,220)
```
#dcd352
```
#dcd352 rgb(220,211,82)
```

Complementary Color

#52a0dc
```
#52a0dc rgb(82,160,220)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#8e52dc
```
#8e52dc rgb(142,82,220)
```

Analogous Color

#a0dc52
```
#a0dc52 rgb(160,220,82)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#dc8e52
```
#dc8e52 rgb(220,142,82)
```

Split Complementary Color

#5bdc52
```
#5bdc52 rgb(91,220,82)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#dc525b
```
#dc525b rgb(220,82,91)
```

Triadic Color

#52dcd3
```
#52dcd3 rgb(82,220,211)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#dc525b
```
#dc525b rgb(220,82,91)
```
#dcd352
```
#dcd352 rgb(220,211,82)
```

Tetradic Color

#2630bc
```
#2630bc rgb(38,48,188)
```
#2a35d1
```
#2a35d1 rgb(42,53,209)
```
#3d47d8
```
#3d47d8 rgb(61,71,216)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#676fe0
```
#676fe0 rgb(103,111,224)
```
#7c83e5
```
#7c83e5 rgb(124,131,229)
```
#9297e9
```
#9297e9 rgb(146,151,233)
```

Monochromatic Color

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

#527edc
```
#527edc rgb(82,126,220)
```
#5272dc
```
#5272dc rgb(82,114,220)
```
#5267dc
```
#5267dc rgb(82,103,220)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#5452dc
```
#5452dc rgb(84,82,220)
```
#6052dc
```
#6052dc rgb(96,82,220)
```
#6c52dc
```
#6c52dc rgb(108,82,220)
```

Similar Colors

Text with hexadecimal color #525bdc

This text has a font color of #525bdc.

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

#525bdc background color

This paragraph has a background color of #525bdc.

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

#525bdc border color

This element has a border color of #525bdc.

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

CSS codes

.text {color:#525bdc;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050617
```
#050617 rgb(5,6,23)
```
#080a27
```
#080a27 rgb(8,10,39)
```
#0b0e37
```
#0b0e37 rgb(11,14,55)
```
#0f1248
```
#0f1248 rgb(15,18,72)
```
#121658
```
#121658 rgb(18,22,88)
```
#151b68
```
#151b68 rgb(21,27,104)
```
#181f79
```
#181f79 rgb(24,31,121)
```
#1c2389
```
#1c2389 rgb(28,35,137)
```
#1f2799
```
#1f2799 rgb(31,39,153)
```
#222baa
```
#222baa rgb(34,43,170)
```
#262fba
```
#262fba rgb(38,47,186)
```
#2933ca
```
#2933ca rgb(41,51,202)
```

Shade Color Variation

#313cd5
```
#313cd5 rgb(49,60,213)
```
#424cd9
```
#424cd9 rgb(66,76,217)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#626adf
```
#626adf rgb(98,106,223)
```
#737ae3
```
#737ae3 rgb(115,122,227)
```
#8389e6
```
#8389e6 rgb(131,137,230)
```
#9399e9
```
#9399e9 rgb(147,153,233)
```
#a4a8ed
```
#a4a8ed rgb(164,168,237)
```
#b4b8f0
```
#b4b8f0 rgb(180,184,240)
```
#c4c7f3
```
#c4c7f3 rgb(196,199,243)
```
#d5d7f6
```
#d5d7f6 rgb(213,215,246)
```
#e5e6fa
```
#e5e6fa rgb(229,230,250)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92939c is the less saturated color, while #323ffc is the most saturated one.

#92939c
```
#92939c rgb(146,147,156)
```
#8a8ca4
```
#8a8ca4 rgb(138,140,164)
```
#8285ac
```
#8285ac rgb(130,133,172)
```
#7a7eb4
```
#7a7eb4 rgb(122,126,180)
```
#7277bc
```
#7277bc rgb(114,119,188)
```
#6a70c4
```
#6a70c4 rgb(106,112,196)
```
#6269cc
```
#6269cc rgb(98,105,204)
```
#5a62d4
```
#5a62d4 rgb(90,98,212)
```
#525bdc
```
#525bdc rgb(82,91,220)
```
#4a54e4
```
#4a54e4 rgb(74,84,228)
```
#424dec
```
#424dec rgb(66,77,236)
```
#3a46f4
```
#3a46f4 rgb(58,70,244)
```
#323ffc
```
#323ffc rgb(50,63,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#63657e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#1d67d9 Protanomaly 1% of men, 0.01% of women
#1d6bc8 Deuteranomaly 6% of men, 0.4% of women
#1d70a5 Tritanomaly 0.01% of the population

#525bdc hex color

#525bdc Color Information

#525bdc Color Conversion

Color Schemes with #525bdc

Alternatives to #525bdc

#525bdc Preview

Shades and Tints of #525bdc

Tones of #525bdc

Color Blindness Simulator