#525778 hex color

In a RGB color space, hex #525778 is composed of 32.2% red, 34.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 27.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 232.1 degrees, a saturation of 18.8% and a lightness of 39.6%. #525778 color hex could be obtained by blending #a4aef0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 34
- B 47
RGB color chart
- C 32
- M 28
- Y 0
- K 53
CMYK color chart

● #525778 color description : Mostly desaturated dark blue.

The hexadecimal color #525778 has RGB values of R:82, G:87, B:120 and CMYK values of C:0.32, M:0.28, Y:0, K:0.53. Its decimal value is 5396344.

Hex triplet	525778	`#525778`
RGB Decimal	82, 87, 120	`rgb(82,87,120)`
RGB Percent	32.2, 34.1, 47.1	`rgb(32.2%,34.1%,47.1%)`
CMYK	32, 28, 0, 53
HSL	232.1°, 18.8, 39.6	`hsl(232.1,18.8%,39.6%)`
HSV (or HSB)	232.1°, 31.7, 47.1
Web Safe	666666	`#666666`

CIE-LAB	37.782, 6.388, -19.33
XYZ	10.277, 9.966, 19.15
xyY	0.261, 0.253, 9.966
CIE-LCH	37.782, 20.358, 288.288
CIE-LUV	37.782, -4.218, -27.217
Hunter-Lab	31.569, 2.865, -13.868
Binary	01010010, 01010111, 01111000

#525778
```
#525778 rgb(82,87,120)
```
#787352
```
#787352 rgb(120,115,82)
```

Complementary Color

#526a78
```
#526a78 rgb(82,106,120)
```
#525778
```
#525778 rgb(82,87,120)
```
#605278
```
#605278 rgb(96,82,120)
```

Analogous Color

#6a7852
```
#6a7852 rgb(106,120,82)
```
#525778
```
#525778 rgb(82,87,120)
```
#786052
```
#786052 rgb(120,96,82)
```

Split Complementary Color

#577852
```
#577852 rgb(87,120,82)
```
#525778
```
#525778 rgb(82,87,120)
```
#785257
```
#785257 rgb(120,82,87)
```

Triadic Color

#527873
```
#527873 rgb(82,120,115)
```
#525778
```
#525778 rgb(82,87,120)
```
#785257
```
#785257 rgb(120,82,87)
```
#787352
```
#787352 rgb(120,115,82)
```

Tetradic Color

#33364b
```
#33364b rgb(51,54,75)
```
#3d415a
```
#3d415a rgb(61,65,90)
```
#484c69
```
#484c69 rgb(72,76,105)
```
#525778
```
#525778 rgb(82,87,120)
```
#5c6287
```
#5c6287 rgb(92,98,135)
```
#676d96
```
#676d96 rgb(103,109,150)
```
#757ba1
```
#757ba1 rgb(117,123,161)
```

Monochromatic Color

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

#526178
```
#526178 rgb(82,97,120)
```
#525d78
```
#525d78 rgb(82,93,120)
```
#525a78
```
#525a78 rgb(82,90,120)
```
#525778
```
#525778 rgb(82,87,120)
```
#525478
```
#525478 rgb(82,84,120)
```
#535278
```
#535278 rgb(83,82,120)
```
#575278
```
#575278 rgb(87,82,120)
```

Similar Colors

Text with hexadecimal color #525778

This text has a font color of #525778.

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

#525778 background color

This paragraph has a background color of #525778.

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

#525778 border color

This element has a border color of #525778.

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

CSS codes

.text {color:#525778;}

.background {background-color:#525778;}

.border {border:1px solid #525778;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#12131b
```
#12131b rgb(18,19,27)
```
#1a1c26
```
#1a1c26 rgb(26,28,38)
```
#222432
```
#222432 rgb(34,36,50)
```
#2a2d3e
```
#2a2d3e rgb(42,45,62)
```
#323549
```
#323549 rgb(50,53,73)
```
#3a3e55
```
#3a3e55 rgb(58,62,85)
```
#424661
```
#424661 rgb(66,70,97)
```
#4a4f6c
```
#4a4f6c rgb(74,79,108)
```
#525778
```
#525778 rgb(82,87,120)
```
#5a5f84
```
#5a5f84 rgb(90,95,132)
```
#62688f
```
#62688f rgb(98,104,143)
```

Shade Color Variation

#6b719a
```
#6b719a rgb(107,113,154)
```
#777ca2
```
#777ca2 rgb(119,124,162)
```
#8287aa
```
#8287aa rgb(130,135,170)
```
#8e93b2
```
#8e93b2 rgb(142,147,178)
```
#9a9eba
```
#9a9eba rgb(154,158,186)
```
#a5a9c2
```
#a5a9c2 rgb(165,169,194)
```
#b1b4ca
```
#b1b4ca rgb(177,180,202)
```
#bdbfd2
```
#bdbfd2 rgb(189,191,210)
```
#c8cada
```
#c8cada rgb(200,202,218)
```
#d4d6e2
```
#d4d6e2 rgb(212,214,226)
```
#e0e1e9
```
#e0e1e9 rgb(224,225,233)
```
#ebecf1
```
#ebecf1 rgb(235,236,241)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#626268
```
#626268 rgb(98,98,104)
```
#5a5d70
```
#5a5d70 rgb(90,93,112)
```
#525778
```
#525778 rgb(82,87,120)
```
#4a5180
```
#4a5180 rgb(74,81,128)
```
#424c88
```
#424c88 rgb(66,76,136)
```
#3b468f
```
#3b468f rgb(59,70,143)
```
#334097
```
#334097 rgb(51,64,151)
```
#2b3a9f
```
#2b3a9f rgb(43,58,159)
```
#2335a7
```
#2335a7 rgb(35,53,167)
```
#1c2fae
```
#1c2fae rgb(28,47,174)
```
#1429b6
```
#1429b6 rgb(20,41,182)
```
#0c23be
```
#0c23be rgb(12,35,190)
```
#041ec6
```
#041ec6 rgb(4,30,198)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#58595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607f Protanopia 1% of men
#59607e Deuteranopia 1% of men
#55636a Tritanopia 0.001% of the population

Trichromacy

#555d7c Protanomaly 1% of men, 0.01% of women
#565c7c Deuteranomaly 6% of men, 0.4% of women
#545f6f Tritanomaly 0.01% of the population

#525778 hex color

#525778 Color Information

#525778 Color Conversion

Color Schemes with #525778

Alternatives to #525778

#525778 Preview

Shades and Tints of #525778

Tones of #525778

Color Blindness Simulator