#525fd2 hex color

In a RGB color space, hex #525fd2 is composed of 32.2% red, 37.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 54.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 233.9 degrees, a saturation of 58.7% and a lightness of 57.3%. #525fd2 color hex could be obtained by blending #a4beff with #0000a5. Closest websafe color is: #6666cc.

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

● #525fd2 color description : Moderate blue.

The hexadecimal color #525fd2 has RGB values of R:82, G:95, B:210 and CMYK values of C:0.61, M:0.55, Y:0, K:0.18. Its decimal value is 5398482.

Hex triplet	525fd2	`#525fd2`
RGB Decimal	82, 95, 210	`rgb(82,95,210)`
RGB Percent	32.2, 37.3, 82.4	`rgb(32.2%,37.3%,82.4%)`
CMYK	61, 55, 0, 18
HSL	233.9°, 58.7, 57.3	`hsl(233.9,58.7%,57.3%)`
HSV (or HSB)	233.9°, 61, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.124, 29.923, -61.078
XYZ	19.202, 14.63, 62.781
xyY	0.199, 0.151, 14.63
CIE-LCH	45.124, 68.014, 296.101
CIE-LUV	45.124, -10.535, -93.839
Hunter-Lab	38.25, 22.674, -70.541
Binary	01010010, 01011111, 11010010

#525fd2
```
#525fd2 rgb(82,95,210)
```
#d2c552
```
#d2c552 rgb(210,197,82)
```

Complementary Color

#529fd2
```
#529fd2 rgb(82,159,210)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#8552d2
```
#8552d2 rgb(133,82,210)
```

Analogous Color

#9fd252
```
#9fd252 rgb(159,210,82)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#d28552
```
#d28552 rgb(210,133,82)
```

Split Complementary Color

#5fd252
```
#5fd252 rgb(95,210,82)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#d2525f
```
#d2525f rgb(210,82,95)
```

Triadic Color

#52d2c5
```
#52d2c5 rgb(82,210,197)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#d2525f
```
#d2525f rgb(210,82,95)
```
#d2c552
```
#d2c552 rgb(210,197,82)
```

Tetradic Color

#2c39ab
```
#2c39ab rgb(44,57,171)
```
#3240bf
```
#3240bf rgb(50,64,191)
```
#3e4ccd
```
#3e4ccd rgb(62,76,205)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#6672d7
```
#6672d7 rgb(102,114,215)
```
#7a84dd
```
#7a84dd rgb(122,132,221)
```
#8f97e2
```
#8f97e2 rgb(143,151,226)
```

Monochromatic Color

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

#527fd2
```
#527fd2 rgb(82,127,210)
```
#5274d2
```
#5274d2 rgb(82,116,210)
```
#526ad2
```
#526ad2 rgb(82,106,210)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#5254d2
```
#5254d2 rgb(82,84,210)
```
#5a52d2
```
#5a52d2 rgb(90,82,210)
```
#6552d2
```
#6552d2 rgb(101,82,210)
```

Similar Colors

Text with hexadecimal color #525fd2

This text has a font color of #525fd2.

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

#525fd2 background color

This paragraph has a background color of #525fd2.

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

#525fd2 border color

This element has a border color of #525fd2.

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

CSS codes

.text {color:#525fd2;}

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

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

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, #04050e is the darkest color, while #fdfdff is the lightest one.

#04050e
```
#04050e rgb(4,5,14)
```
#080a1d
```
#080a1d rgb(8,10,29)
```
#0c0f2d
```
#0c0f2d rgb(12,15,45)
```
#10143c
```
#10143c rgb(16,20,60)
```
#141a4c
```
#141a4c rgb(20,26,76)
```
#181f5c
```
#181f5c rgb(24,31,92)
```
#1c246b
```
#1c246b rgb(28,36,107)
```
#20297b
```
#20297b rgb(32,41,123)
```
#242e8a
```
#242e8a rgb(36,46,138)
```
#28349a
```
#28349a rgb(40,52,154)
```
#2c39a9
```
#2c39a9 rgb(44,57,169)
```
#303eb9
```
#303eb9 rgb(48,62,185)
```
#3443c9
```
#3443c9 rgb(52,67,201)
```

Shade Color Variation

#4251ce
```
#4251ce rgb(66,81,206)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#626dd6
```
#626dd6 rgb(98,109,214)
```
#717cda
```
#717cda rgb(113,124,218)
```
#818ade
```
#818ade rgb(129,138,222)
```
#9099e2
```
#9099e2 rgb(144,153,226)
```
#a0a7e6
```
#a0a7e6 rgb(160,167,230)
```
#afb5ea
```
#afb5ea rgb(175,181,234)
```
#bfc4ee
```
#bfc4ee rgb(191,196,238)
```
#cfd2f2
```
#cfd2f2 rgb(207,210,242)
```
#dee1f6
```
#dee1f6 rgb(222,225,246)
```
#eeeffa
```
#eeeffa rgb(238,239,250)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#8d8e97
```
#8d8e97 rgb(141,142,151)
```
#8487a0
```
#8487a0 rgb(132,135,160)
```
#7c80a8
```
#7c80a8 rgb(124,128,168)
```
#747ab0
```
#747ab0 rgb(116,122,176)
```
#6b73b9
```
#6b73b9 rgb(107,115,185)
```
#636cc1
```
#636cc1 rgb(99,108,193)
```
#5a66ca
```
#5a66ca rgb(90,102,202)
```
#525fd2
```
#525fd2 rgb(82,95,210)
```
#4a58da
```
#4a58da rgb(74,88,218)
```
#4152e3
```
#4152e3 rgb(65,82,227)
```
#394beb
```
#394beb rgb(57,75,235)
```
#3044f4
```
#3044f4 rgb(48,68,244)
```
#283efc
```
#283efc rgb(40,62,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#64667d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed9 Protanopia 1% of men
#0074bf Deuteranopia 1% of men
#237c86 Tritanopia 0.001% of the population

Trichromacy

#1d69d6 Protanomaly 1% of men, 0.01% of women
#1d6cc6 Deuteranomaly 6% of men, 0.4% of women
#3472a1 Tritanomaly 0.01% of the population

#525fd2 hex color

#525fd2 Color Information

#525fd2 Color Conversion

Color Schemes with #525fd2

Alternatives to #525fd2

#525fd2 Preview

Shades and Tints of #525fd2

Tones of #525fd2

Color Blindness Simulator