#525684 hex color

In a RGB color space, hex #525684 is composed of 32.2% red, 33.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 34.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 235.2 degrees, a saturation of 23.4% and a lightness of 42%. #525684 color hex could be obtained by blending #a4acff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 34
- B 52
RGB color chart
- C 38
- M 35
- Y 0
- K 48
CMYK color chart

● #525684 color description : Mostly desaturated dark blue.

The hexadecimal color #525684 has RGB values of R:82, G:86, B:132 and CMYK values of C:0.38, M:0.35, Y:0, K:0.48. Its decimal value is 5396100.

Hex triplet	525684	`#525684`
RGB Decimal	82, 86, 132	`rgb(82,86,132)`
RGB Percent	32.2, 33.7, 51.8	`rgb(32.2%,33.7%,51.8%)`
CMYK	38, 35, 0, 48
HSL	235.2°, 23.4, 42	`hsl(235.2,23.4%,42%)`
HSV (or HSB)	235.2°, 37.9, 51.8
Web Safe	666699	`#666699`

CIE-LAB	38.048, 10.485, -26.274
XYZ	10.971, 10.115, 23.203
xyY	0.248, 0.228, 10.115
CIE-LCH	38.048, 28.289, 291.755
CIE-LUV	38.048, -4.415, -37.818
Hunter-Lab	31.804, 5.92, -20.992
Binary	01010010, 01010110, 10000100

#525684
```
#525684 rgb(82,86,132)
```
#848052
```
#848052 rgb(132,128,82)
```

Complementary Color

#526f84
```
#526f84 rgb(82,111,132)
```
#525684
```
#525684 rgb(82,86,132)
```
#675284
```
#675284 rgb(103,82,132)
```

Analogous Color

#6f8452
```
#6f8452 rgb(111,132,82)
```
#525684
```
#525684 rgb(82,86,132)
```
#846752
```
#846752 rgb(132,103,82)
```

Split Complementary Color

#568452
```
#568452 rgb(86,132,82)
```
#525684
```
#525684 rgb(82,86,132)
```
#845256
```
#845256 rgb(132,82,86)
```

Triadic Color

#528480
```
#528480 rgb(82,132,128)
```
#525684
```
#525684 rgb(82,86,132)
```
#845256
```
#845256 rgb(132,82,86)
```
#848052
```
#848052 rgb(132,128,82)
```

Tetradic Color

#353755
```
#353755 rgb(53,55,85)
```
#3e4265
```
#3e4265 rgb(62,66,101)
```
#484c74
```
#484c74 rgb(72,76,116)
```
#525684
```
#525684 rgb(82,86,132)
```
#5c6094
```
#5c6094 rgb(92,96,148)
```
#686ca1
```
#686ca1 rgb(104,108,161)
```
#787cab
```
#787cab rgb(120,124,171)
```

Monochromatic Color

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

#526384
```
#526384 rgb(82,99,132)
```
#525e84
```
#525e84 rgb(82,94,132)
```
#525a84
```
#525a84 rgb(82,90,132)
```
#525684
```
#525684 rgb(82,86,132)
```
#525284
```
#525284 rgb(82,82,132)
```
#565284
```
#565284 rgb(86,82,132)
```
#5b5284
```
#5b5284 rgb(91,82,132)
```

Similar Colors

Text with hexadecimal color #525684

This text has a font color of #525684.

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

#525684 background color

This paragraph has a background color of #525684.

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

#525684 border color

This element has a border color of #525684.

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

CSS codes

.text {color:#525684;}

.background {background-color:#525684;}

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

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, #07070b is the darkest color, while #fefefe is the lightest one.

#07070b
```
#07070b rgb(7,7,11)
```
#0e0f17
```
#0e0f17 rgb(14,15,23)
```
#161723
```
#161723 rgb(22,23,35)
```
#1d1f2f
```
#1d1f2f rgb(29,31,47)
```
#25273b
```
#25273b rgb(37,39,59)
```
#2c2f48
```
#2c2f48 rgb(44,47,72)
```
#343654
```
#343654 rgb(52,54,84)
```
#3b3e60
```
#3b3e60 rgb(59,62,96)
```
#43466c
```
#43466c rgb(67,70,108)
```
#4a4e78
```
#4a4e78 rgb(74,78,120)
```
#525684
```
#525684 rgb(82,86,132)
```
#5a5e90
```
#5a5e90 rgb(90,94,144)
```
#61669c
```
#61669c rgb(97,102,156)
```

Shade Color Variation

#6d71a4
```
#6d71a4 rgb(109,113,164)
```
#797dac
```
#797dac rgb(121,125,172)
```
#8589b3
```
#8589b3 rgb(133,137,179)
```
#9194bb
```
#9194bb rgb(145,148,187)
```
#9da0c2
```
#9da0c2 rgb(157,160,194)
```
#a9acca
```
#a9acca rgb(169,172,202)
```
#b5b8d1
```
#b5b8d1 rgb(181,184,209)
```
#c1c3d9
```
#c1c3d9 rgb(193,195,217)
```
#cecfe0
```
#cecfe0 rgb(206,207,224)
```
#dadbe8
```
#dadbe8 rgb(218,219,232)
```
#e6e6ef
```
#e6e6ef rgb(230,230,239)
```
#f2f2f7
```
#f2f2f7 rgb(242,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6b6b is the less saturated color, while #0818ce is the most saturated one.

#6b6b6b
```
#6b6b6b rgb(107,107,107)
```
#626474
```
#626474 rgb(98,100,116)
```
#5a5d7c
```
#5a5d7c rgb(90,93,124)
```
#525684
```
#525684 rgb(82,86,132)
```
#4a4f8c
```
#4a4f8c rgb(74,79,140)
```
#424894
```
#424894 rgb(66,72,148)
```
#39419d
```
#39419d rgb(57,65,157)
```
#313aa5
```
#313aa5 rgb(49,58,165)
```
#2933ad
```
#2933ad rgb(41,51,173)
```
#212db5
```
#212db5 rgb(33,45,181)
```
#1826be
```
#1826be rgb(24,38,190)
```
#101fc6
```
#101fc6 rgb(16,31,198)
```
#0818ce
```
#0818ce rgb(8,24,206)
```

Tone Color Variation

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

Dichromacy

#52608b Protanopia 1% of men
#516189 Deuteranopia 1% of men
#52656c Tritanopia 0.001% of the population

Trichromacy

#525c88 Protanomaly 1% of men, 0.01% of women
#515d87 Deuteranomaly 6% of men, 0.4% of women
#525f75 Tritanomaly 0.01% of the population

#525684 hex color

#525684 Color Information

#525684 Color Conversion

Color Schemes with #525684

Alternatives to #525684

#525684 Preview

Shades and Tints of #525684

Tones of #525684

Color Blindness Simulator