#525efd hex color

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

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

● #525efd color description : Soft blue.

The hexadecimal color #525efd has RGB values of R:82, G:94, B:253 and CMYK values of C:0.68, M:0.63, Y:0, K:0.01. Its decimal value is 5398269.

Hex triplet	525efd	`#525efd`
RGB Decimal	82, 94, 253	`rgb(82,94,253)`
RGB Percent	32.2, 36.9, 99.2	`rgb(32.2%,36.9%,99.2%)`
CMYK	68, 63, 0, 1
HSL	235.8°, 97.7, 65.7	`hsl(235.8,97.7%,65.7%)`
HSV (or HSB)	235.8°, 67.6, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.121, 44.865, -80.46
XYZ	25.208, 16.89, 94.855
xyY	0.184, 0.123, 16.89
CIE-LCH	48.121, 92.123, 299.144
CIE-LUV	48.121, -11.746, -124.112
Hunter-Lab	41.097, 37.57, -108.077
Binary	01010010, 01011110, 11111101

#525efd
```
#525efd rgb(82,94,253)
```
#fdf152
```
#fdf152 rgb(253,241,82)
```

Complementary Color

#52b4fd
```
#52b4fd rgb(82,180,253)
```
#525efd
```
#525efd rgb(82,94,253)
```
#9c52fd
```
#9c52fd rgb(156,82,253)
```

Analogous Color

#b4fd52
```
#b4fd52 rgb(180,253,82)
```
#525efd
```
#525efd rgb(82,94,253)
```
#fd9c52
```
#fd9c52 rgb(253,156,82)
```

Split Complementary Color

#5efd52
```
#5efd52 rgb(94,253,82)
```
#525efd
```
#525efd rgb(82,94,253)
```
#fd525e
```
#fd525e rgb(253,82,94)
```

Triadic Color

#52fdf1
```
#52fdf1 rgb(82,253,241)
```
#525efd
```
#525efd rgb(82,94,253)
```
#fd525e
```
#fd525e rgb(253,82,94)
```
#fdf152
```
#fdf152 rgb(253,241,82)
```

Tetradic Color

#0618fc
```
#0618fc rgb(6,24,252)
```
#202ffc
```
#202ffc rgb(32,47,252)
```
#3947fd
```
#3947fd rgb(57,71,253)
```
#525efd
```
#525efd rgb(82,94,253)
```
#6b75fd
```
#6b75fd rgb(107,117,253)
```
#848dfe
```
#848dfe rgb(132,141,254)
```
#9ea4fe
```
#9ea4fe rgb(158,164,254)
```

Monochromatic Color

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

#5289fd
```
#5289fd rgb(82,137,253)
```
#527bfd
```
#527bfd rgb(82,123,253)
```
#526cfd
```
#526cfd rgb(82,108,253)
```
#525efd
```
#525efd rgb(82,94,253)
```
#5452fd
```
#5452fd rgb(84,82,253)
```
#6352fd
```
#6352fd rgb(99,82,253)
```
#7152fd
```
#7152fd rgb(113,82,253)
```

Similar Colors

Text with hexadecimal color #525efd

This text has a font color of #525efd.

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

#525efd background color

This paragraph has a background color of #525efd.

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

#525efd border color

This element has a border color of #525efd.

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

CSS codes

.text {color:#525efd;}

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

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

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)
```
#000215
```
#000215 rgb(0,2,21)
```
#000328
```
#000328 rgb(0,3,40)
```
#01053c
```
#01053c rgb(1,5,60)
```
#01064f
```
#01064f rgb(1,6,79)
```
#010862
```
#010862 rgb(1,8,98)
```
#010a76
```
#010a76 rgb(1,10,118)
```
#020b89
```
#020b89 rgb(2,11,137)
```
#020d9d
```
#020d9d rgb(2,13,157)
```
#020eb0
```
#020eb0 rgb(2,14,176)
```
#0210c3
```
#0210c3 rgb(2,16,195)
```
#0211d7
```
#0211d7 rgb(2,17,215)
```
#0313ea
```
#0313ea rgb(3,19,234)
```

Shade Color Variation

#0416fc
```
#0416fc rgb(4,22,252)
```
#1828fc
```
#1828fc rgb(24,40,252)
```
#2b3afd
```
#2b3afd rgb(43,58,253)
```
#3f4cfd
```
#3f4cfd rgb(63,76,253)
```
#525efd
```
#525efd rgb(82,94,253)
```
#6570fd
```
#6570fd rgb(101,112,253)
```
#7982fd
```
#7982fd rgb(121,130,253)
```
#8c94fe
```
#8c94fe rgb(140,148,254)
```
#a0a6fe
```
#a0a6fe rgb(160,166,254)
```
#b3b8fe
```
#b3b8fe rgb(179,184,254)
```
#c6cafe
```
#c6cafe rgb(198,202,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 #525efd is the most saturated one.

#a3a3ac
```
#a3a3ac rgb(163,163,172)
```
#9c9eb3
```
#9c9eb3 rgb(156,158,179)
```
#9598ba
```
#9598ba rgb(149,152,186)
```
#8f92c0
```
#8f92c0 rgb(143,146,192)
```
#888cc7
```
#888cc7 rgb(136,140,199)
```
#8187ce
```
#8187ce rgb(129,135,206)
```
#7a81d5
```
#7a81d5 rgb(122,129,213)
```
#747bdb
```
#747bdb rgb(116,123,219)
```
#6d75e2
```
#6d75e2 rgb(109,117,226)
```
#666fe9
```
#666fe9 rgb(102,111,233)
```
#5f6af0
```
#5f6af0 rgb(95,106,240)
```
#5964f6
```
#5964f6 rgb(89,100,246)
```
#525efd
```
#525efd rgb(82,94,253)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#1d6dee Protanomaly 1% of men, 0.01% of women
#1d71db Deuteranomaly 6% of men, 0.4% of women
#1d77b6 Tritanomaly 0.01% of the population

#525efd hex color

#525efd Color Information

#525efd Color Conversion

Color Schemes with #525efd

Alternatives to #525efd

#525efd Preview

Shades and Tints of #525efd

Tones of #525efd

Color Blindness Simulator