#525678 hex color

In a RGB color space, hex #525678 is composed of 32.2% red, 33.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 28.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 233.7 degrees, a saturation of 18.8% and a lightness of 39.6%. #525678 color hex could be obtained by blending #a4acf0 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

● #525678 color description : Mostly desaturated dark blue.

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

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

CIE-LAB	37.491, 7.019, -19.779
XYZ	10.197, 9.805, 19.124
xyY	0.261, 0.251, 9.805
CIE-LCH	37.491, 20.987, 289.539
CIE-LUV	37.491, -3.81, -27.882
Hunter-Lab	31.313, 3.329, -14.29
Binary	01010010, 01010110, 01111000

#525678
```
#525678 rgb(82,86,120)
```
#787452
```
#787452 rgb(120,116,82)
```

Complementary Color

#526978
```
#526978 rgb(82,105,120)
```
#525678
```
#525678 rgb(82,86,120)
```
#615278
```
#615278 rgb(97,82,120)
```

Analogous Color

#697852
```
#697852 rgb(105,120,82)
```
#525678
```
#525678 rgb(82,86,120)
```
#786152
```
#786152 rgb(120,97,82)
```

Split Complementary Color

#567852
```
#567852 rgb(86,120,82)
```
#525678
```
#525678 rgb(82,86,120)
```
#785256
```
#785256 rgb(120,82,86)
```

Triadic Color

#527874
```
#527874 rgb(82,120,116)
```
#525678
```
#525678 rgb(82,86,120)
```
#785256
```
#785256 rgb(120,82,86)
```
#787452
```
#787452 rgb(120,116,82)
```

Tetradic Color

#33354b
```
#33354b rgb(51,53,75)
```
#3d405a
```
#3d405a rgb(61,64,90)
```
#484b69
```
#484b69 rgb(72,75,105)
```
#525678
```
#525678 rgb(82,86,120)
```
#5c6187
```
#5c6187 rgb(92,97,135)
```
#676c96
```
#676c96 rgb(103,108,150)
```
#757aa1
```
#757aa1 rgb(117,122,161)
```

Monochromatic Color

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

#526078
```
#526078 rgb(82,96,120)
```
#525c78
```
#525c78 rgb(82,92,120)
```
#525978
```
#525978 rgb(82,89,120)
```
#525678
```
#525678 rgb(82,86,120)
```
#525378
```
#525378 rgb(82,83,120)
```
#545278
```
#545278 rgb(84,82,120)
```
#585278
```
#585278 rgb(88,82,120)
```

Similar Colors

Text with hexadecimal color #525678

This text has a font color of #525678.

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

#525678 background color

This paragraph has a background color of #525678.

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

#525678 border color

This element has a border color of #525678.

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

CSS codes

.text {color:#525678;}

.background {background-color:#525678;}

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

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

#020203
```
#020203 rgb(2,2,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)
```
#2a2c3e
```
#2a2c3e rgb(42,44,62)
```
#323549
```
#323549 rgb(50,53,73)
```
#3a3d55
```
#3a3d55 rgb(58,61,85)
```
#424561
```
#424561 rgb(66,69,97)
```
#4a4e6c
```
#4a4e6c rgb(74,78,108)
```
#525678
```
#525678 rgb(82,86,120)
```
#5a5e84
```
#5a5e84 rgb(90,94,132)
```
#62678f
```
#62678f rgb(98,103,143)
```

Shade Color Variation

#6b709a
```
#6b709a rgb(107,112,154)
```
#777ba2
```
#777ba2 rgb(119,123,162)
```
#8286aa
```
#8286aa rgb(130,134,170)
```
#8e92b2
```
#8e92b2 rgb(142,146,178)
```
#9a9dba
```
#9a9dba rgb(154,157,186)
```
#a5a8c2
```
#a5a8c2 rgb(165,168,194)
```
#b1b4ca
```
#b1b4ca rgb(177,180,202)
```
#bdbfd2
```
#bdbfd2 rgb(189,191,210)
```
#c8cada
```
#c8cada rgb(200,202,218)
```
#d4d5e2
```
#d4d5e2 rgb(212,213,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 #0419c6 is the most saturated one.

#626268
```
#626268 rgb(98,98,104)
```
#5a5c70
```
#5a5c70 rgb(90,92,112)
```
#525678
```
#525678 rgb(82,86,120)
```
#4a5080
```
#4a5080 rgb(74,80,128)
```
#424a88
```
#424a88 rgb(66,74,136)
```
#3b448f
```
#3b448f rgb(59,68,143)
```
#333d97
```
#333d97 rgb(51,61,151)
```
#2b379f
```
#2b379f rgb(43,55,159)
```
#2331a7
```
#2331a7 rgb(35,49,167)
```
#1c2bae
```
#1c2bae rgb(28,43,174)
```
#1425b6
```
#1425b6 rgb(20,37,182)
```
#0c1fbe
```
#0c1fbe rgb(12,31,190)
```
#0419c6
```
#0419c6 rgb(4,25,198)
```

Tone Color Variation

Below, you can see how #525678 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
#58585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#575f7f Protanopia 1% of men
#585f7e Deuteranopia 1% of men
#55626a Tritanopia 0.001% of the population

Trichromacy

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

#525678 hex color

#525678 Color Information

#525678 Color Conversion

Color Schemes with #525678

Alternatives to #525678

#525678 Preview

Shades and Tints of #525678

Tones of #525678

Color Blindness Simulator