#525fbc hex color

In a RGB color space, hex #525fbc is composed of 32.2% red, 37.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 49.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 232.6 degrees, a saturation of 44.2% and a lightness of 52.9%. #525fbc color hex could be obtained by blending #a4beff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 37
- B 74
RGB color chart
- C 56
- M 49
- Y 0
- K 26
CMYK color chart

● #525fbc color description : Moderate blue.

The hexadecimal color #525fbc has RGB values of R:82, G:95, B:188 and CMYK values of C:0.56, M:0.49, Y:0, K:0.26. Its decimal value is 5398460.

Hex triplet	525fbc	`#525fbc`
RGB Decimal	82, 95, 188	`rgb(82,95,188)`
RGB Percent	32.2, 37.3, 73.7	`rgb(32.2%,37.3%,73.7%)`
CMYK	56, 49, 0, 26
HSL	232.6°, 44.2, 52.9	`hsl(232.6,44.2%,52.9%)`
HSV (or HSB)	232.6°, 56.4, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.666, 22.569, -50.729
XYZ	16.647, 13.608, 49.324
xyY	0.209, 0.171, 13.608
CIE-LCH	43.666, 55.523, 293.984
CIE-LUV	43.666, -9.796, -77.312
Hunter-Lab	36.89, 15.995, -53.452
Binary	01010010, 01011111, 10111100

#525fbc
```
#525fbc rgb(82,95,188)
```
#bcaf52
```
#bcaf52 rgb(188,175,82)
```

Complementary Color

#5294bc
```
#5294bc rgb(82,148,188)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#7a52bc
```
#7a52bc rgb(122,82,188)
```

Analogous Color

#94bc52
```
#94bc52 rgb(148,188,82)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#bc7a52
```
#bc7a52 rgb(188,122,82)
```

Split Complementary Color

#5fbc52
```
#5fbc52 rgb(95,188,82)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#bc525f
```
#bc525f rgb(188,82,95)
```

Triadic Color

#52bcaf
```
#52bcaf rgb(82,188,175)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#bc525f
```
#bc525f rgb(188,82,95)
```
#bcaf52
```
#bcaf52 rgb(188,175,82)
```

Tetradic Color

#36418b
```
#36418b rgb(54,65,139)
```
#3d499e
```
#3d499e rgb(61,73,158)
```
#4452b0
```
#4452b0 rgb(68,82,176)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#6470c3
```
#6470c3 rgb(100,112,195)
```
#7781ca
```
#7781ca rgb(119,129,202)
```
#8992d1
```
#8992d1 rgb(137,146,209)
```

Monochromatic Color

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

#527abc
```
#527abc rgb(82,122,188)
```
#5271bc
```
#5271bc rgb(82,113,188)
```
#5268bc
```
#5268bc rgb(82,104,188)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#5256bc
```
#5256bc rgb(82,86,188)
```
#5752bc
```
#5752bc rgb(87,82,188)
```
#6052bc
```
#6052bc rgb(96,82,188)
```

Similar Colors

Text with hexadecimal color #525fbc

This text has a font color of #525fbc.

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

#525fbc background color

This paragraph has a background color of #525fbc.

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

#525fbc border color

This element has a border color of #525fbc.

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

CSS codes

.text {color:#525fbc;}

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

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

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

#04050b
```
#04050b rgb(4,5,11)
```
#0a0c19
```
#0a0c19 rgb(10,12,25)
```
#0f1227
```
#0f1227 rgb(15,18,39)
```
#151935
```
#151935 rgb(21,25,53)
```
#1a1f43
```
#1a1f43 rgb(26,31,67)
```
#202652
```
#202652 rgb(32,38,82)
```
#252c60
```
#252c60 rgb(37,44,96)
```
#2b336e
```
#2b336e rgb(43,51,110)
```
#30397c
```
#30397c rgb(48,57,124)
```
#35408a
```
#35408a rgb(53,64,138)
```
#3b4698
```
#3b4698 rgb(59,70,152)
```
#404da6
```
#404da6 rgb(64,77,166)
```
#4653b4
```
#4653b4 rgb(70,83,180)
```

Shade Color Variation

#525fbc
```
#525fbc rgb(82,95,188)
```
#606cc1
```
#606cc1 rgb(96,108,193)
```
#6e79c7
```
#6e79c7 rgb(110,121,199)
```
#7c86cc
```
#7c86cc rgb(124,134,204)
```
#8b93d2
```
#8b93d2 rgb(139,147,210)
```
#99a0d7
```
#99a0d7 rgb(153,160,215)
```
#a7addd
```
#a7addd rgb(167,173,221)
```
#b5bbe2
```
#b5bbe2 rgb(181,187,226)
```
#c3c8e8
```
#c3c8e8 rgb(195,200,232)
```
#d1d5ed
```
#d1d5ed rgb(209,213,237)
```
#dfe2f3
```
#dfe2f3 rgb(223,226,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80828e is the less saturated color, while #112efd is the most saturated one.

#80828e
```
#80828e rgb(128,130,142)
```
#777b97
```
#777b97 rgb(119,123,151)
```
#6e74a0
```
#6e74a0 rgb(110,116,160)
```
#646daa
```
#646daa rgb(100,109,170)
```
#5b66b3
```
#5b66b3 rgb(91,102,179)
```
#525fbc
```
#525fbc rgb(82,95,188)
```
#4958c5
```
#4958c5 rgb(73,88,197)
```
#4051ce
```
#4051ce rgb(64,81,206)
```
#364ad8
```
#364ad8 rgb(54,74,216)
```
#2d43e1
```
#2d43e1 rgb(45,67,225)
```
#243cea
```
#243cea rgb(36,60,234)
```
#1b35f3
```
#1b35f3 rgb(27,53,243)
```
#112efd
```
#112efd rgb(17,46,253)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#626577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b6cc3 Protanopia 1% of men
#1670bb Deuteranopia 1% of men
#3a7780 Tritanopia 0.001% of the population

Trichromacy

#4367c0 Protanomaly 1% of men, 0.01% of women
#2b6abb Deuteranomaly 6% of men, 0.4% of women
#436e95 Tritanomaly 0.01% of the population

#525fbc hex color

#525fbc Color Information

#525fbc Color Conversion

Color Schemes with #525fbc

Alternatives to #525fbc

#525fbc Preview

Shades and Tints of #525fbc

Tones of #525fbc

Color Blindness Simulator