#525bfd hex color

In a RGB color space, hex #525bfd is composed of 32.2% red, 35.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 64% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.8 degrees, a saturation of 97.7% and a lightness of 65.7%. #525bfd color hex could be obtained by blending #a4b6ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 36
- B 99
RGB color chart
- C 68
- M 64
- Y 0
- K 1
CMYK color chart

● #525bfd color description : Soft blue.

The hexadecimal color #525bfd has RGB values of R:82, G:91, B:253 and CMYK values of C:0.68, M:0.64, Y:0, K:0.01. Its decimal value is 5397501.

Hex triplet	525bfd	`#525bfd`
RGB Decimal	82, 91, 253	`rgb(82,91,253)`
RGB Percent	32.2, 35.7, 99.2	`rgb(32.2%,35.7%,99.2%)`
CMYK	68, 64, 0, 1
HSL	236.8°, 97.7, 65.7	`hsl(236.8,97.7%,65.7%)`
HSV (or HSB)	236.8°, 67.6, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.452, 46.633, -81.555
XYZ	24.947, 16.366, 94.767
xyY	0.183, 0.12, 16.366
CIE-LCH	47.452, 93.946, 299.761
CIE-LUV	47.452, -11.079, -125.109
Hunter-Lab	40.456, 39.275, -110.569
Binary	01010010, 01011011, 11111101

#525bfd
```
#525bfd rgb(82,91,253)
```
#fdf452
```
#fdf452 rgb(253,244,82)
```

Complementary Color

#52b1fd
```
#52b1fd rgb(82,177,253)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#9f52fd
```
#9f52fd rgb(159,82,253)
```

Analogous Color

#b1fd52
```
#b1fd52 rgb(177,253,82)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#fd9f52
```
#fd9f52 rgb(253,159,82)
```

Split Complementary Color

#5bfd52
```
#5bfd52 rgb(91,253,82)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#fd525b
```
#fd525b rgb(253,82,91)
```

Triadic Color

#52fdf4
```
#52fdf4 rgb(82,253,244)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#fd525b
```
#fd525b rgb(253,82,91)
```
#fdf452
```
#fdf452 rgb(253,244,82)
```

Tetradic Color

#0613fc
```
#0613fc rgb(6,19,252)
```
#202bfc
```
#202bfc rgb(32,43,252)
```
#3943fd
```
#3943fd rgb(57,67,253)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#6b73fd
```
#6b73fd rgb(107,115,253)
```
#848bfe
```
#848bfe rgb(132,139,254)
```
#9ea3fe
```
#9ea3fe rgb(158,163,254)
```

Monochromatic Color

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

#5286fd
```
#5286fd rgb(82,134,253)
```
#5278fd
```
#5278fd rgb(82,120,253)
```
#5269fd
```
#5269fd rgb(82,105,253)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#5752fd
```
#5752fd rgb(87,82,253)
```
#6652fd
```
#6652fd rgb(102,82,253)
```
#7452fd
```
#7452fd rgb(116,82,253)
```

Similar Colors

Text with hexadecimal color #525bfd

This text has a font color of #525bfd.

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

#525bfd background color

This paragraph has a background color of #525bfd.

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

#525bfd border color

This element has a border color of #525bfd.

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

CSS codes

.text {color:#525bfd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000115
```
#000115 rgb(0,1,21)
```
#000328
```
#000328 rgb(0,3,40)
```
#01043c
```
#01043c rgb(1,4,60)
```
#01054f
```
#01054f rgb(1,5,79)
```
#010662
```
#010662 rgb(1,6,98)
```
#010776
```
#010776 rgb(1,7,118)
```
#020989
```
#020989 rgb(2,9,137)
```
#020a9d
```
#020a9d rgb(2,10,157)
```
#020bb0
```
#020bb0 rgb(2,11,176)
```
#020cc3
```
#020cc3 rgb(2,12,195)
```
#020ed7
```
#020ed7 rgb(2,14,215)
```
#030fea
```
#030fea rgb(3,15,234)
```

Shade Color Variation

#0411fc
```
#0411fc rgb(4,17,252)
```
#1824fc
```
#1824fc rgb(24,36,252)
```
#2b36fd
```
#2b36fd rgb(43,54,253)
```
#3f49fd
```
#3f49fd rgb(63,73,253)
```
#525bfd
```
#525bfd rgb(82,91,253)
```
#656dfd
```
#656dfd rgb(101,109,253)
```
#7980fd
```
#7980fd rgb(121,128,253)
```
#8c92fe
```
#8c92fe rgb(140,146,254)
```
#a0a5fe
```
#a0a5fe rgb(160,165,254)
```
#b3b7fe
```
#b3b7fe rgb(179,183,254)
```
#c6c9fe
```
#c6c9fe rgb(198,201,254)
```
#dadcff
```
#dadcff rgb(218,220,255)
```
#edeeff
```
#edeeff rgb(237,238,255)
```

Tint Color Variation

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

#a3a3ac
```
#a3a3ac rgb(163,163,172)
```
#9c9db3
```
#9c9db3 rgb(156,157,179)
```
#9597ba
```
#9597ba rgb(149,151,186)
```
#8f91c0
```
#8f91c0 rgb(143,145,192)
```
#888bc7
```
#888bc7 rgb(136,139,199)
```
#8185ce
```
#8185ce rgb(129,133,206)
```
#7a7fd5
```
#7a7fd5 rgb(122,127,213)
```
#7479db
```
#7479db rgb(116,121,219)
```
#6d73e2
```
#6d73e2 rgb(109,115,226)
```
#666de9
```
#666de9 rgb(102,109,233)
```
#5f67f0
```
#5f67f0 rgb(95,103,240)
```
#5961f6
```
#5961f6 rgb(89,97,246)
```
#525bfd
```
#525bfd rgb(82,91,253)
```

Tone Color Variation

Below, you can see how #525bfd 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
#666888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac6 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#1d6bec Protanomaly 1% of men, 0.01% of women
#1d6fda Deuteranomaly 6% of men, 0.4% of women
#1d74b5 Tritanomaly 0.01% of the population

#525bfd hex color

#525bfd Color Information

#525bfd Color Conversion

Color Schemes with #525bfd

Alternatives to #525bfd

#525bfd Preview

Shades and Tints of #525bfd

Tones of #525bfd

Color Blindness Simulator