#525df2 hex color

In a RGB color space, hex #525df2 is composed of 32.2% red, 36.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 61.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 235.9 degrees, a saturation of 86% and a lightness of 63.5%. #525df2 color hex could be obtained by blending #a4baff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 36
- B 95
RGB color chart
- C 66
- M 62
- Y 0
- K 5
CMYK color chart

● #525df2 color description : Soft blue.

The hexadecimal color #525df2 has RGB values of R:82, G:93, B:242 and CMYK values of C:0.66, M:0.62, Y:0, K:0.05. Its decimal value is 5398002.

Hex triplet	525df2	`#525df2`
RGB Decimal	82, 93, 242	`rgb(82,93,242)`
RGB Percent	32.2, 36.5, 94.9	`rgb(32.2%,36.5%,94.9%)`
CMYK	66, 62, 0, 5
HSL	235.9°, 86, 63.5	`hsl(235.9,86%,63.5%)`
HSV (or HSB)	235.9°, 66.1, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.017, 41.83, -76.124
XYZ	23.418, 16.032, 85.86
xyY	0.187, 0.128, 16.032
CIE-LCH	47.017, 86.86, 298.789
CIE-LUV	47.017, -11.132, -117.136
Hunter-Lab	40.04, 34.327, -99.11
Binary	01010010, 01011101, 11110010

#525df2
```
#525df2 rgb(82,93,242)
```
#f2e752
```
#f2e752 rgb(242,231,82)
```

Complementary Color

#52adf2
```
#52adf2 rgb(82,173,242)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#9752f2
```
#9752f2 rgb(151,82,242)
```

Analogous Color

#adf252
```
#adf252 rgb(173,242,82)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#f29752
```
#f29752 rgb(242,151,82)
```

Split Complementary Color

#5df252
```
#5df252 rgb(93,242,82)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#f2525d
```
#f2525d rgb(242,82,93)
```

Triadic Color

#52f2e7
```
#52f2e7 rgb(82,242,231)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#f2525d
```
#f2525d rgb(242,82,93)
```
#f2e752
```
#f2e752 rgb(242,231,82)
```

Tetradic Color

#1120e6
```
#1120e6 rgb(17,32,230)
```
#2331ee
```
#2331ee rgb(35,49,238)
```
#3a47f0
```
#3a47f0 rgb(58,71,240)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#6a73f4
```
#6a73f4 rgb(106,115,244)
```
#8189f6
```
#8189f6 rgb(129,137,246)
```
#99a0f7
```
#99a0f7 rgb(153,160,247)
```

Monochromatic Color

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

#5285f2
```
#5285f2 rgb(82,133,242)
```
#5278f2
```
#5278f2 rgb(82,120,242)
```
#526af2
```
#526af2 rgb(82,106,242)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#5452f2
```
#5452f2 rgb(84,82,242)
```
#6252f2
```
#6252f2 rgb(98,82,242)
```
#6f52f2
```
#6f52f2 rgb(111,82,242)
```

Similar Colors

Text with hexadecimal color #525df2

This text has a font color of #525df2.

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

#525df2 background color

This paragraph has a background color of #525df2.

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

#525df2 border color

This element has a border color of #525df2.

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

CSS codes

.text {color:#525df2;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#02041c
```
#02041c rgb(2,4,28)
```
#03062e
```
#03062e rgb(3,6,46)
```
#050940
```
#050940 rgb(5,9,64)
```
#060b52
```
#060b52 rgb(6,11,82)
```
#080e65
```
#080e65 rgb(8,14,101)
```
#091077
```
#091077 rgb(9,16,119)
```
#0a1389
```
#0a1389 rgb(10,19,137)
```
#0c169b
```
#0c169b rgb(12,22,155)
```
#0d18ae
```
#0d18ae rgb(13,24,174)
```
#0e1bc0
```
#0e1bc0 rgb(14,27,192)
```
#101dd2
```
#101dd2 rgb(16,29,210)
```
#1120e4
```
#1120e4 rgb(17,32,228)
```

Shade Color Variation

#1b2aee
```
#1b2aee rgb(27,42,238)
```
#2e3bef
```
#2e3bef rgb(46,59,239)
```
#404cf1
```
#404cf1 rgb(64,76,241)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#646ef3
```
#646ef3 rgb(100,110,243)
```
#767ff5
```
#767ff5 rgb(118,127,245)
```
#8990f6
```
#8990f6 rgb(137,144,246)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#adb2f9
```
#adb2f9 rgb(173,178,249)
```
#bfc4fa
```
#bfc4fa rgb(191,196,250)
```
#d2d5fc
```
#d2d5fc rgb(210,213,252)
```
#e4e6fd
```
#e4e6fd rgb(228,230,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#a1a1a3
```
#a1a1a3 rgb(161,161,163)
```
#9a9baa
```
#9a9baa rgb(154,155,170)
```
#9295b2
```
#9295b2 rgb(146,149,178)
```
#8b8eb9
```
#8b8eb9 rgb(139,142,185)
```
#8488c0
```
#8488c0 rgb(132,136,192)
```
#7d82c7
```
#7d82c7 rgb(125,130,199)
```
#767cce
```
#767cce rgb(118,124,206)
```
#6f76d5
```
#6f76d5 rgb(111,118,213)
```
#6770dd
```
#6770dd rgb(103,112,221)
```
#6069e4
```
#6069e4 rgb(96,105,228)
```
#5963eb
```
#5963eb rgb(89,99,235)
```
#525df2
```
#525df2 rgb(82,93,242)
```
#4b57f9
```
#4b57f9 rgb(75,87,249)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#666886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#1d6be7 Protanomaly 1% of men, 0.01% of women
#1d6fd5 Deuteranomaly 6% of men, 0.4% of women
#1d74b0 Tritanomaly 0.01% of the population

#525df2 hex color

#525df2 Color Information

#525df2 Color Conversion

Color Schemes with #525df2

Alternatives to #525df2

#525df2 Preview

Shades and Tints of #525df2

Tones of #525df2

Color Blindness Simulator