#525bb0 hex color

In a RGB color space, hex #525bb0 is composed of 32.2% red, 35.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 48.3% magenta, 0% yellow and 31% black. It has a hue angle of 234.3 degrees, a saturation of 37.3% and a lightness of 50.6%. #525bb0 color hex could be obtained by blending #a4b6ff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 36
- B 69
RGB color chart
- C 53
- M 48
- Y 0
- K 31
CMYK color chart

● #525bb0 color description : Dark moderate blue.

The hexadecimal color #525bb0 has RGB values of R:82, G:91, B:176 and CMYK values of C:0.53, M:0.48, Y:0, K:0.31. Its decimal value is 5397424.

Hex triplet	525bb0	`#525bb0`
RGB Decimal	82, 91, 176	`rgb(82,91,176)`
RGB Percent	32.2, 35.7, 69	`rgb(32.2%,35.7%,69%)`
CMYK	53, 48, 0, 31
HSL	234.3°, 37.3, 50.6	`hsl(234.3,37.3%,50.6%)`
HSV (or HSB)	234.3°, 53.4, 69
Web Safe	666699	`#666699`

CIE-LAB	41.86, 21.137, -46.603
XYZ	15.056, 12.41, 42.674
xyY	0.215, 0.177, 12.41
CIE-LCH	41.86, 51.173, 294.396
CIE-LUV	41.86, -8.119, -70.248
Hunter-Lab	35.228, 14.639, -47.163
Binary	01010010, 01011011, 10110000

#525bb0
```
#525bb0 rgb(82,91,176)
```
#b0a752
```
#b0a752 rgb(176,167,82)
```

Complementary Color

#528ab0
```
#528ab0 rgb(82,138,176)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#7852b0
```
#7852b0 rgb(120,82,176)
```

Analogous Color

#8ab052
```
#8ab052 rgb(138,176,82)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#b07852
```
#b07852 rgb(176,120,82)
```

Split Complementary Color

#5bb052
```
#5bb052 rgb(91,176,82)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#b0525b
```
#b0525b rgb(176,82,91)
```

Triadic Color

#52b0a7
```
#52b0a7 rgb(82,176,167)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#b0525b
```
#b0525b rgb(176,82,91)
```
#b0a752
```
#b0a752 rgb(176,167,82)
```

Tetradic Color

#393f7d
```
#393f7d rgb(57,63,125)
```
#41488e
```
#41488e rgb(65,72,142)
```
#4951a0
```
#4951a0 rgb(73,81,160)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#646cb8
```
#646cb8 rgb(100,108,184)
```
#757cc0
```
#757cc0 rgb(117,124,192)
```
#878dc8
```
#878dc8 rgb(135,141,200)
```

Monochromatic Color

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

#5273b0
```
#5273b0 rgb(82,115,176)
```
#526bb0
```
#526bb0 rgb(82,107,176)
```
#5263b0
```
#5263b0 rgb(82,99,176)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#5253b0
```
#5253b0 rgb(82,83,176)
```
#5952b0
```
#5952b0 rgb(89,82,176)
```
#6052b0
```
#6052b0 rgb(96,82,176)
```

Similar Colors

Text with hexadecimal color #525bb0

This text has a font color of #525bb0.

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

#525bb0 background color

This paragraph has a background color of #525bb0.

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

#525bb0 border color

This element has a border color of #525bb0.

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

CSS codes

.text {color:#525bb0;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070810
```
#070810 rgb(7,8,16)
```
#0d0f1d
```
#0d0f1d rgb(13,15,29)
```
#13162a
```
#13162a rgb(19,22,42)
```
#1a1c38
```
#1a1c38 rgb(26,28,56)
```
#202345
```
#202345 rgb(32,35,69)
```
#262a53
```
#262a53 rgb(38,42,83)
```
#2c3160
```
#2c3160 rgb(44,49,96)
```
#32386e
```
#32386e rgb(50,56,110)
```
#383f7b
```
#383f7b rgb(56,63,123)
```
#3e4689
```
#3e4689 rgb(62,70,137)
```
#454c96
```
#454c96 rgb(69,76,150)
```
#4b53a4
```
#4b53a4 rgb(75,83,164)
```

Shade Color Variation

#525bb0
```
#525bb0 rgb(82,91,176)
```
#5f68b6
```
#5f68b6 rgb(95,104,182)
```
#6d75bc
```
#6d75bc rgb(109,117,188)
```
#7a81c2
```
#7a81c2 rgb(122,129,194)
```
#888ec9
```
#888ec9 rgb(136,142,201)
```
#959bcf
```
#959bcf rgb(149,155,207)
```
#a3a8d5
```
#a3a8d5 rgb(163,168,213)
```
#b0b4db
```
#b0b4db rgb(176,180,219)
```
#bec1e1
```
#bec1e1 rgb(190,193,225)
```
#cbcee7
```
#cbcee7 rgb(203,206,231)
```
#d9dbed
```
#d9dbed rgb(217,219,237)
```
#e6e7f4
```
#e6e7f4 rgb(230,231,244)
```
#f4f4fa
```
#f4f4fa rgb(244,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a89 is the less saturated color, while #041cfe is the most saturated one.

#797a89
```
#797a89 rgb(121,122,137)
```
#6f7393
```
#6f7393 rgb(111,115,147)
```
#656b9d
```
#656b9d rgb(101,107,157)
```
#5c63a6
```
#5c63a6 rgb(92,99,166)
```
#525bb0
```
#525bb0 rgb(82,91,176)
```
#4853ba
```
#4853ba rgb(72,83,186)
```
#3f4bc3
```
#3f4bc3 rgb(63,75,195)
```
#3543cd
```
#3543cd rgb(53,67,205)
```
#2b3cd7
```
#2b3cd7 rgb(43,60,215)
```
#2234e0
```
#2234e0 rgb(34,52,224)
```
#182cea
```
#182cea rgb(24,44,234)
```
#0e24f4
```
#0e24f4 rgb(14,36,244)
```
#041cfe
```
#041cfe rgb(4,28,254)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e68b8 Protanopia 1% of men
#2a6cb0 Deuteranopia 1% of men
#41727a Tritanopia 0.001% of the population

Trichromacy

#4563b5 Protanomaly 1% of men, 0.01% of women
#3865b0 Deuteranomaly 6% of men, 0.4% of women
#47698d Tritanomaly 0.01% of the population

#525bb0 hex color

#525bb0 Color Information

#525bb0 Color Conversion

Color Schemes with #525bb0

Alternatives to #525bb0

#525bb0 Preview

Shades and Tints of #525bb0

Tones of #525bb0

Color Blindness Simulator