#525b6a hex color

In a RGB color space, hex #525b6a is composed of 32.2% red, 35.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 14.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 217.5 degrees, a saturation of 12.8% and a lightness of 36.9%. #525b6a color hex could be obtained by blending #a4b6d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 36
- B 42
RGB color chart
- C 23
- M 14
- Y 0
- K 58
CMYK color chart

● #525b6a color description : Very dark grayish blue.

The hexadecimal color #525b6a has RGB values of R:82, G:91, B:106 and CMYK values of C:0.23, M:0.14, Y:0, K:0.58. Its decimal value is 5397354.

Hex triplet	525b6a	`#525b6a`
RGB Decimal	82, 91, 106	`rgb(82,91,106)`
RGB Percent	32.2, 35.7, 41.6	`rgb(32.2%,35.7%,41.6%)`
CMYK	23, 14, 0, 58
HSL	217.5°, 12.8, 36.9	`hsl(217.5,12.8%,36.9%)`
HSV (or HSB)	217.5°, 22.6, 41.6
Web Safe	666666	`#666666`

CIE-LAB	38.404, 0.13, -9.742
XYZ	9.822, 10.316, 15.109
xyY	0.279, 0.293, 10.316
CIE-LCH	38.404, 9.743, 270.763
CIE-LUV	38.404, -5.325, -12.971
Hunter-Lab	32.119, -1.625, -5.406
Binary	01010010, 01011011, 01101010

#525b6a
```
#525b6a rgb(82,91,106)
```
#6a6152
```
#6a6152 rgb(106,97,82)
```

Complementary Color

#52676a
```
#52676a rgb(82,103,106)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#55526a
```
#55526a rgb(85,82,106)
```

Analogous Color

#676a52
```
#676a52 rgb(103,106,82)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#6a5552
```
#6a5552 rgb(106,85,82)
```

Split Complementary Color

#5b6a52
```
#5b6a52 rgb(91,106,82)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#6a525b
```
#6a525b rgb(106,82,91)
```

Triadic Color

#526a61
```
#526a61 rgb(82,106,97)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#6a525b
```
#6a525b rgb(106,82,91)
```
#6a6152
```
#6a6152 rgb(106,97,82)
```

Tetradic Color

#31363f
```
#31363f rgb(49,54,63)
```
#3c424d
```
#3c424d rgb(60,66,77)
```
#474f5c
```
#474f5c rgb(71,79,92)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#5d6778
```
#5d6778 rgb(93,103,120)
```
#687487
```
#687487 rgb(104,116,135)
```
#758094
```
#758094 rgb(117,128,148)
```

Monochromatic Color

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

#52616a
```
#52616a rgb(82,97,106)
```
#525f6a
```
#525f6a rgb(82,95,106)
```
#525d6a
```
#525d6a rgb(82,93,106)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#52596a
```
#52596a rgb(82,89,106)
```
#52576a
```
#52576a rgb(82,87,106)
```
#52556a
```
#52556a rgb(82,85,106)
```

Similar Colors

Text with hexadecimal color #525b6a

This text has a font color of #525b6a.

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

#525b6a background color

This paragraph has a background color of #525b6a.

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

#525b6a border color

This element has a border color of #525b6a.

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

CSS codes

.text {color:#525b6a;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#16191d
```
#16191d rgb(22,25,29)
```
#1f2228
```
#1f2228 rgb(31,34,40)
```
#272c33
```
#272c33 rgb(39,44,51)
```
#30353e
```
#30353e rgb(48,53,62)
```
#383f49
```
#383f49 rgb(56,63,73)
```
#414854
```
#414854 rgb(65,72,84)
```
#49525f
```
#49525f rgb(73,82,95)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#636e80
```
#636e80 rgb(99,110,128)
```
#6c778b
```
#6c778b rgb(108,119,139)
```

Shade Color Variation

#768195
```
#768195 rgb(118,129,149)
```
#818b9d
```
#818b9d rgb(129,139,157)
```
#8c96a6
```
#8c96a6 rgb(140,150,166)
```
#97a0ae
```
#97a0ae rgb(151,160,174)
```
#a2aab7
```
#a2aab7 rgb(162,170,183)
```
#adb4c0
```
#adb4c0 rgb(173,180,192)
```
#b8bec8
```
#b8bec8 rgb(184,190,200)
```
#c3c8d1
```
#c3c8d1 rgb(195,200,209)
```
#ced2d9
```
#ced2d9 rgb(206,210,217)
```
#d9dce2
```
#d9dce2 rgb(217,220,226)
```
#e4e7ea
```
#e4e7ea rgb(228,231,234)
```
#eff1f3
```
#eff1f3 rgb(239,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d63 is the less saturated color, while #0247ba is the most saturated one.

#595d63
```
#595d63 rgb(89,93,99)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#4b5971
```
#4b5971 rgb(75,89,113)
```
#445778
```
#445778 rgb(68,87,120)
```
#3c5680
```
#3c5680 rgb(60,86,128)
```
#355487
```
#355487 rgb(53,84,135)
```
#2e528e
```
#2e528e rgb(46,82,142)
```
#275095
```
#275095 rgb(39,80,149)
```
#1f4e9d
```
#1f4e9d rgb(31,78,157)
```
#184da4
```
#184da4 rgb(24,77,164)
```
#114bab
```
#114bab rgb(17,75,171)
```
#0a49b2
```
#0a49b2 rgb(10,73,178)
```
#0247ba
```
#0247ba rgb(2,71,186)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#606270 Protanopia 1% of men
#646072 Deuteranopia 1% of men
#59646b Tritanopia 0.001% of the population

Trichromacy

#5b5f6e Protanomaly 1% of men, 0.01% of women
#5d5e6f Deuteranomaly 6% of men, 0.4% of women
#56616b Tritanomaly 0.01% of the population

#525b6a hex color

#525b6a Color Information

#525b6a Color Conversion

Color Schemes with #525b6a

Alternatives to #525b6a

#525b6a Preview

Shades and Tints of #525b6a

Tones of #525b6a

Color Blindness Simulator