#525bec hex color

In a RGB color space, hex #525bec is composed of 32.2% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 236.5 degrees, a saturation of 80.2% and a lightness of 62.4%. #525bec color hex could be obtained by blending #a4b6ff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 36
- B 93
RGB color chart
- C 65
- M 61
- Y 0
- K 7
CMYK color chart

● #525bec color description : Soft blue.

The hexadecimal color #525bec has RGB values of R:82, G:91, B:236 and CMYK values of C:0.65, M:0.61, Y:0, K:0.07. Its decimal value is 5397484.

Hex triplet	525bec	`#525bec`
RGB Decimal	82, 91, 236	`rgb(82,91,236)`
RGB Percent	32.2, 35.7, 92.5	`rgb(32.2%,35.7%,92.5%)`
CMYK	65, 61, 0, 7
HSL	236.5°, 80.2, 62.4	`hsl(236.5,80.2%,62.4%)`
HSV (or HSB)	236.5°, 65.3, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.084, 41.047, -74.277
XYZ	22.358, 15.331, 81.133
xyY	0.188, 0.129, 15.331
CIE-LCH	46.084, 84.864, 298.926
CIE-LUV	46.084, -10.443, -113.827
Hunter-Lab	39.155, 33.406, -95.447
Binary	01010010, 01011011, 11101100

#525bec
```
#525bec rgb(82,91,236)
```
#ece352
```
#ece352 rgb(236,227,82)
```

Complementary Color

#52a8ec
```
#52a8ec rgb(82,168,236)
```
#525bec
```
#525bec rgb(82,91,236)
```
#9652ec
```
#9652ec rgb(150,82,236)
```

Analogous Color

#a8ec52
```
#a8ec52 rgb(168,236,82)
```
#525bec
```
#525bec rgb(82,91,236)
```
#ec9652
```
#ec9652 rgb(236,150,82)
```

Split Complementary Color

#5bec52
```
#5bec52 rgb(91,236,82)
```
#525bec
```
#525bec rgb(82,91,236)
```
#ec525b
```
#ec525b rgb(236,82,91)
```

Triadic Color

#52ece3
```
#52ece3 rgb(82,236,227)
```
#525bec
```
#525bec rgb(82,91,236)
```
#ec525b
```
#ec525b rgb(236,82,91)
```
#ece352
```
#ece352 rgb(236,227,82)
```

Tetradic Color

#1823da
```
#1823da rgb(24,35,218)
```
#242fe7
```
#242fe7 rgb(36,47,231)
```
#3b45e9
```
#3b45e9 rgb(59,69,233)
```
#525bec
```
#525bec rgb(82,91,236)
```
#6971ef
```
#6971ef rgb(105,113,239)
```
#8087f1
```
#8087f1 rgb(128,135,241)
```
#979cf4
```
#979cf4 rgb(151,156,244)
```

Monochromatic Color

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

#5282ec
```
#5282ec rgb(82,130,236)
```
#5275ec
```
#5275ec rgb(82,117,236)
```
#5268ec
```
#5268ec rgb(82,104,236)
```
#525bec
```
#525bec rgb(82,91,236)
```
#5652ec
```
#5652ec rgb(86,82,236)
```
#6352ec
```
#6352ec rgb(99,82,236)
```
#7052ec
```
#7052ec rgb(112,82,236)
```

Similar Colors

Text with hexadecimal color #525bec

This text has a font color of #525bec.

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

#525bec background color

This paragraph has a background color of #525bec.

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

#525bec border color

This element has a border color of #525bec.

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

CSS codes

.text {color:#525bec;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020315
```
#020315 rgb(2,3,21)
```
#040627
```
#040627 rgb(4,6,39)
```
#060939
```
#060939 rgb(6,9,57)
```
#080c4a
```
#080c4a rgb(8,12,74)
```
#0a0f5c
```
#0a0f5c rgb(10,15,92)
```
#0c126e
```
#0c126e rgb(12,18,110)
```
#0e157f
```
#0e157f rgb(14,21,127)
```
#101791
```
#101791 rgb(16,23,145)
```
#121aa3
```
#121aa3 rgb(18,26,163)
```
#141db4
```
#141db4 rgb(20,29,180)
```
#1620c6
```
#1620c6 rgb(22,32,198)
```
#1823d8
```
#1823d8 rgb(24,35,216)
```

Shade Color Variation

#1d29e6
```
#1d29e6 rgb(29,41,230)
```
#2f39e8
```
#2f39e8 rgb(47,57,232)
```
#404aea
```
#404aea rgb(64,74,234)
```
#525bec
```
#525bec rgb(82,91,236)
```
#646cee
```
#646cee rgb(100,108,238)
```
#757df0
```
#757df0 rgb(117,125,240)
```
#878df2
```
#878df2 rgb(135,141,242)
```
#999ef4
```
#999ef4 rgb(153,158,244)
```
#aaaff6
```
#aaaff6 rgb(170,175,246)
```
#bcc0f8
```
#bcc0f8 rgb(188,192,248)
```
#ced0fa
```
#ced0fa rgb(206,208,250)
```
#dfe1fc
```
#dfe1fc rgb(223,225,252)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ca2 is the less saturated color, while #434efb is the most saturated one.

#9c9ca2
```
#9c9ca2 rgb(156,156,162)
```
#9496aa
```
#9496aa rgb(148,150,170)
```
#8d8fb1
```
#8d8fb1 rgb(141,143,177)
```
#8689b8
```
#8689b8 rgb(134,137,184)
```
#7e82c0
```
#7e82c0 rgb(126,130,192)
```
#777cc7
```
#777cc7 rgb(119,124,199)
```
#7075ce
```
#7075ce rgb(112,117,206)
```
#686fd6
```
#686fd6 rgb(104,111,214)
```
#6168dd
```
#6168dd rgb(97,104,221)
```
#5962e5
```
#5962e5 rgb(89,98,229)
```
#525bec
```
#525bec rgb(82,91,236)
```
#4b54f3
```
#4b54f3 rgb(75,84,243)
```
#434efb
```
#434efb rgb(67,78,251)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#646683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#1d69e2 Protanomaly 1% of men, 0.01% of women
#1d6dd0 Deuteranomaly 6% of men, 0.4% of women
#1d72ac Tritanomaly 0.01% of the population

#525bec hex color

#525bec Color Information

#525bec Color Conversion

Color Schemes with #525bec

Alternatives to #525bec

#525bec Preview

Shades and Tints of #525bec

Tones of #525bec

Color Blindness Simulator