#525fbb hex color

In a RGB color space, hex #525fbb is composed of 32.2% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 232.6 degrees, a saturation of 43.6% and a lightness of 52.7%. #525fbb color hex could be obtained by blending #a4beff with #000077. Closest websafe color is: #6666cc.

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

● #525fbb color description : Moderate blue.

The hexadecimal color #525fbb has RGB values of R:82, G:95, B:187 and CMYK values of C:0.56, M:0.49, Y:0, K:0.27. Its decimal value is 5398459.

Hex triplet	525fbb	`#525fbb`
RGB Decimal	82, 95, 187	`rgb(82,95,187)`
RGB Percent	32.2, 37.3, 73.3	`rgb(32.2%,37.3%,73.3%)`
CMYK	56, 49, 0, 27
HSL	232.6°, 43.6, 52.7	`hsl(232.6,43.6%,52.7%)`
HSV (or HSB)	232.6°, 56.1, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.603, 22.237, -50.248
XYZ	16.54, 13.565, 48.758
xyY	0.21, 0.172, 13.565
CIE-LCH	43.603, 54.948, 293.872
CIE-LUV	43.603, -9.763, -76.54
Hunter-Lab	36.831, 15.704, -52.707
Binary	01010010, 01011111, 10111011

#525fbb
```
#525fbb rgb(82,95,187)
```
#bbae52
```
#bbae52 rgb(187,174,82)
```

Complementary Color

#5294bb
```
#5294bb rgb(82,148,187)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#7a52bb
```
#7a52bb rgb(122,82,187)
```

Analogous Color

#94bb52
```
#94bb52 rgb(148,187,82)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#bb7a52
```
#bb7a52 rgb(187,122,82)
```

Split Complementary Color

#5fbb52
```
#5fbb52 rgb(95,187,82)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#bb525f
```
#bb525f rgb(187,82,95)
```

Triadic Color

#52bbae
```
#52bbae rgb(82,187,174)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#bb525f
```
#bb525f rgb(187,82,95)
```
#bbae52
```
#bbae52 rgb(187,174,82)
```

Tetradic Color

#36418a
```
#36418a rgb(54,65,138)
```
#3e499c
```
#3e499c rgb(62,73,156)
```
#4552af
```
#4552af rgb(69,82,175)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#6470c2
```
#6470c2 rgb(100,112,194)
```
#7781c9
```
#7781c9 rgb(119,129,201)
```
#8992d1
```
#8992d1 rgb(137,146,209)
```

Monochromatic Color

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

#5279bb
```
#5279bb rgb(82,121,187)
```
#5271bb
```
#5271bb rgb(82,113,187)
```
#5268bb
```
#5268bb rgb(82,104,187)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#5256bb
```
#5256bb rgb(82,86,187)
```
#5652bb
```
#5652bb rgb(86,82,187)
```
#5f52bb
```
#5f52bb rgb(95,82,187)
```

Similar Colors

Text with hexadecimal color #525fbb

This text has a font color of #525fbb.

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

#525fbb background color

This paragraph has a background color of #525fbb.

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

#525fbb border color

This element has a border color of #525fbb.

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

CSS codes

.text {color:#525fbb;}

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

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

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

#04050a
```
#04050a rgb(4,5,10)
```
#090b18
```
#090b18 rgb(9,11,24)
```
#0f1226
```
#0f1226 rgb(15,18,38)
```
#151834
```
#151834 rgb(21,24,52)
```
#1a1f42
```
#1a1f42 rgb(26,31,66)
```
#202650
```
#202650 rgb(32,38,80)
```
#252c5f
```
#252c5f rgb(37,44,95)
```
#2b336d
```
#2b336d rgb(43,51,109)
```
#30397b
```
#30397b rgb(48,57,123)
```
#364089
```
#364089 rgb(54,64,137)
```
#3b4797
```
#3b4797 rgb(59,71,151)
```
#414da5
```
#414da5 rgb(65,77,165)
```
#4654b3
```
#4654b3 rgb(70,84,179)
```

Shade Color Variation

#525fbb
```
#525fbb rgb(82,95,187)
```
#606cc1
```
#606cc1 rgb(96,108,193)
```
#6e79c6
```
#6e79c6 rgb(110,121,198)
```
#7c86cc
```
#7c86cc rgb(124,134,204)
```
#8a93d1
```
#8a93d1 rgb(138,147,209)
```
#98a0d7
```
#98a0d7 rgb(152,160,215)
```
#a6addc
```
#a6addc rgb(166,173,220)
```
#b5bae2
```
#b5bae2 rgb(181,186,226)
```
#c3c7e7
```
#c3c7e7 rgb(195,199,231)
```
#d1d4ed
```
#d1d4ed rgb(209,212,237)
```
#dfe1f2
```
#dfe1f2 rgb(223,225,242)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#80828d
```
#80828d rgb(128,130,141)
```
#777b96
```
#777b96 rgb(119,123,150)
```
#6e749f
```
#6e749f rgb(110,116,159)
```
#656da8
```
#656da8 rgb(101,109,168)
```
#5b66b2
```
#5b66b2 rgb(91,102,178)
```
#525fbb
```
#525fbb rgb(82,95,187)
```
#4958c4
```
#4958c4 rgb(73,88,196)
```
#3f51ce
```
#3f51ce rgb(63,81,206)
```
#364ad7
```
#364ad7 rgb(54,74,215)
```
#2d43e0
```
#2d43e0 rgb(45,67,224)
```
#243ce9
```
#243ce9 rgb(36,60,233)
```
#1a35f3
```
#1a35f3 rgb(26,53,243)
```
#112efc
```
#112efc rgb(17,46,252)
```

Tone Color Variation

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

#3c6cc2 Protanopia 1% of men
#1b70ba Deuteranopia 1% of men
#3b777f Tritanopia 0.001% of the population

Trichromacy

#4467bf Protanomaly 1% of men, 0.01% of women
#2f6aba Deuteranomaly 6% of men, 0.4% of women
#436e95 Tritanomaly 0.01% of the population

#525fbb hex color

#525fbb Color Information

#525fbb Color Conversion

Color Schemes with #525fbb

Alternatives to #525fbb

#525fbb Preview

Shades and Tints of #525fbb

Tones of #525fbb

Color Blindness Simulator