#525b6f hex color

In a RGB color space, hex #525b6f is composed of 32.2% red, 35.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 18% magenta, 0% yellow and 56.5% black. It has a hue angle of 221.4 degrees, a saturation of 15% and a lightness of 37.8%. #525b6f color hex could be obtained by blending #a4b6de with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 36
- B 44
RGB color chart
- C 26
- M 18
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #525b6f has RGB values of R:82, G:91, B:111 and CMYK values of C:0.26, M:0.18, Y:0, K:0.56. Its decimal value is 5397359.

Hex triplet	525b6f	`#525b6f`
RGB Decimal	82, 91, 111	`rgb(82,91,111)`
RGB Percent	32.2, 35.7, 43.5	`rgb(32.2%,35.7%,43.5%)`
CMYK	26, 18, 0, 56
HSL	221.4°, 15, 37.8	`hsl(221.4,15%,37.8%)`
HSV (or HSB)	221.4°, 26.1, 43.5
Web Safe	666666	`#666666`

CIE-LAB	38.592, 1.434, -12.543
XYZ	10.089, 10.424, 16.518
xyY	0.272, 0.281, 10.424
CIE-LCH	38.592, 12.625, 276.52
CIE-LUV	38.592, -5.517, -17.067
Hunter-Lab	32.285, -0.717, -7.735
Binary	01010010, 01011011, 01101111

#525b6f
```
#525b6f rgb(82,91,111)
```
#6f6652
```
#6f6652 rgb(111,102,82)
```

Complementary Color

#526a6f
```
#526a6f rgb(82,106,111)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#58526f
```
#58526f rgb(88,82,111)
```

Analogous Color

#6a6f52
```
#6a6f52 rgb(106,111,82)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#6f5852
```
#6f5852 rgb(111,88,82)
```

Split Complementary Color

#5b6f52
```
#5b6f52 rgb(91,111,82)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#6f525b
```
#6f525b rgb(111,82,91)
```

Triadic Color

#526f66
```
#526f66 rgb(82,111,102)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#6f525b
```
#6f525b rgb(111,82,91)
```
#6f6652
```
#6f6652 rgb(111,102,82)
```

Tetradic Color

#313743
```
#313743 rgb(49,55,67)
```
#3c4352
```
#3c4352 rgb(60,67,82)
```
#474f60
```
#474f60 rgb(71,79,96)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#5d677e
```
#5d677e rgb(93,103,126)
```
#68738c
```
#68738c rgb(104,115,140)
```
#758099
```
#758099 rgb(117,128,153)
```

Monochromatic Color

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

#52626f
```
#52626f rgb(82,98,111)
```
#52606f
```
#52606f rgb(82,96,111)
```
#525d6f
```
#525d6f rgb(82,93,111)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#52596f
```
#52596f rgb(82,89,111)
```
#52566f
```
#52566f rgb(82,86,111)
```
#52546f
```
#52546f rgb(82,84,111)
```

Similar Colors

Text with hexadecimal color #525b6f

This text has a font color of #525b6f.

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

#525b6f background color

This paragraph has a background color of #525b6f.

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

#525b6f border color

This element has a border color of #525b6f.

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

CSS codes

.text {color:#525b6f;}

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

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

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

#070809
```
#070809 rgb(7,8,9)
```
#0f1115
```
#0f1115 rgb(15,17,21)
```
#181a20
```
#181a20 rgb(24,26,32)
```
#20242b
```
#20242b rgb(32,36,43)
```
#282d37
```
#282d37 rgb(40,45,55)
```
#313642
```
#313642 rgb(49,54,66)
```
#393f4d
```
#393f4d rgb(57,63,77)
```
#414958
```
#414958 rgb(65,73,88)
```
#4a5264
```
#4a5264 rgb(74,82,100)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#5a647a
```
#5a647a rgb(90,100,122)
```
#636d86
```
#636d86 rgb(99,109,134)
```
#6b7791
```
#6b7791 rgb(107,119,145)
```

Shade Color Variation

#76819a
```
#76819a rgb(118,129,154)
```
#818ba2
```
#818ba2 rgb(129,139,162)
```
#8c96aa
```
#8c96aa rgb(140,150,170)
```
#98a0b3
```
#98a0b3 rgb(152,160,179)
```
#a3aabb
```
#a3aabb rgb(163,170,187)
```
#aeb5c3
```
#aeb5c3 rgb(174,181,195)
```
#b9bfcc
```
#b9bfcc rgb(185,191,204)
```
#c5c9d4
```
#c5c9d4 rgb(197,201,212)
```
#d0d4dc
```
#d0d4dc rgb(208,212,220)
```
#dbdee5
```
#dbdee5 rgb(219,222,229)
```
#e7e9ed
```
#e7e9ed rgb(231,233,237)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#595e68
```
#595e68 rgb(89,94,104)
```
#525b6f
```
#525b6f rgb(82,91,111)
```
#4b5876
```
#4b5876 rgb(75,88,118)
```
#43557e
```
#43557e rgb(67,85,126)
```
#3c5385
```
#3c5385 rgb(60,83,133)
```
#34508d
```
#34508d rgb(52,80,141)
```
#2d4d94
```
#2d4d94 rgb(45,77,148)
```
#254a9c
```
#254a9c rgb(37,74,156)
```
#1e47a3
```
#1e47a3 rgb(30,71,163)
```
#1744aa
```
#1744aa rgb(23,68,170)
```
#0f42b2
```
#0f42b2 rgb(15,66,178)
```
#083fb9
```
#083fb9 rgb(8,63,185)
```
#003cc1
```
#003cc1 rgb(0,60,193)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6275 Protanopia 1% of men
#626177 Deuteranopia 1% of men
#58656c Tritanopia 0.001% of the population

Trichromacy

#5a5f73 Protanomaly 1% of men, 0.01% of women
#5c5f74 Deuteranomaly 6% of men, 0.4% of women
#56616d Tritanomaly 0.01% of the population

#525b6f hex color

#525b6f Color Information

#525b6f Color Conversion

Color Schemes with #525b6f

Alternatives to #525b6f

#525b6f Preview

Shades and Tints of #525b6f

Tones of #525b6f

Color Blindness Simulator