colorhexa.com

#525a9e hex color

In a RGB color space, hex #525a9e is composed of 32.2% red, 35.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 43% magenta, 0% yellow and 38% black. It has a hue angle of 233.7 degrees, a saturation of 31.7% and a lightness of 47.1%. #525a9e color hex could be obtained by blending #a4b4ff with #00003d. Closest websafe color is: #666699.

- R 32
- G 35
- B 62
RGB color chart
- C 48
- M 43
- Y 0
- K 38
CMYK color chart

● #525a9e color description : Dark moderate blue.

The hexadecimal color #525a9e has RGB values of R:82, G:90, B:158 and CMYK values of C:0.48, M:0.43, Y:0, K:0.38. Its decimal value is 5397150.

Hex triplet	525a9e	`#525a9e`
RGB Decimal	82, 90, 158	`rgb(82,90,158)`
RGB Percent	32.2, 35.3, 62	`rgb(32.2%,35.3%,62%)`
CMYK	48, 43, 0, 38
HSL	233.7°, 31.7, 47.1	`hsl(233.7,31.7%,47.1%)`
HSV (or HSB)	233.7°, 48.1, 62
Web Safe	666699	`#666699`

CIE-LAB	40.531, 15.952, -38.057
XYZ	13.306, 11.574, 33.879
xyY	0.226, 0.197, 11.574
CIE-LCH	40.531, 41.265, 292.741
CIE-LUV	40.531, -7.055, -56.557
Hunter-Lab	34.021, 10.277, -35.227
Binary	01010010, 01011010, 10011110

#525a9e
```
#525a9e rgb(82,90,158)
```
#9e9652
```
#9e9652 rgb(158,150,82)
```

Complementary Color

#52809e
```
#52809e rgb(82,128,158)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#70529e
```
#70529e rgb(112,82,158)
```

Analogous Color

#809e52
```
#809e52 rgb(128,158,82)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#9e7052
```
#9e7052 rgb(158,112,82)
```

Split Complementary Color

#5a9e52
```
#5a9e52 rgb(90,158,82)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#9e525a
```
#9e525a rgb(158,82,90)
```

Triadic Color

#529e96
```
#529e96 rgb(82,158,150)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#9e525a
```
#9e525a rgb(158,82,90)
```
#9e9652
```
#9e9652 rgb(158,150,82)
```

Tetradic Color

#383d6c
```
#383d6c rgb(56,61,108)
```
#41477c
```
#41477c rgb(65,71,124)
```
#49508d
```
#49508d rgb(73,80,141)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#5e66ab
```
#5e66ab rgb(94,102,171)
```
#6f76b4
```
#6f76b4 rgb(111,118,180)
```
#8086bd
```
#8086bd rgb(128,134,189)
```

Monochromatic Color

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

#526d9e
```
#526d9e rgb(82,109,158)
```
#52679e
```
#52679e rgb(82,103,158)
```
#52609e
```
#52609e rgb(82,96,158)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#52549e
```
#52549e rgb(82,84,158)
```
#57529e
```
#57529e rgb(87,82,158)
```
#5d529e
```
#5d529e rgb(93,82,158)
```

Similar Colors

Text with hexadecimal color #525a9e

This text has a font color of #525a9e.

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

#525a9e background color

This paragraph has a background color of #525a9e.

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

#525a9e border color

This element has a border color of #525a9e.

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

CSS codes

.text {color:#525a9e;}

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

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

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 #f5f6fa is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#080910
```
#080910 rgb(8,9,16)
```
#0f101d
```
#0f101d rgb(15,16,29)
```
#16182a
```
#16182a rgb(22,24,42)
```
#1c1f37
```
#1c1f37 rgb(28,31,55)
```
#232744
```
#232744 rgb(35,39,68)
```
#2a2e51
```
#2a2e51 rgb(42,46,81)
```
#30355d
```
#30355d rgb(48,53,93)
```
#373d6a
```
#373d6a rgb(55,61,106)
```
#3e4477
```
#3e4477 rgb(62,68,119)
```
#454b84
```
#454b84 rgb(69,75,132)
```
#4b5391
```
#4b5391 rgb(75,83,145)
```
#525a9e
```
#525a9e rgb(82,90,158)
```

Shade Color Variation

#5a63a9
```
#5a63a9 rgb(90,99,169)
```
#676fb0
```
#676fb0 rgb(103,111,176)
```
#747bb7
```
#747bb7 rgb(116,123,183)
```
#8187be
```
#8187be rgb(129,135,190)
```
#8e94c4
```
#8e94c4 rgb(142,148,196)
```
#9ba0cb
```
#9ba0cb rgb(155,160,203)
```
#a8acd2
```
#a8acd2 rgb(168,172,210)
```
#b5b8d8
```
#b5b8d8 rgb(181,184,216)
```
#c1c5df
```
#c1c5df rgb(193,197,223)
```
#ced1e6
```
#ced1e6 rgb(206,209,230)
```
#dbddec
```
#dbddec rgb(219,221,236)
```
#e8e9f3
```
#e8e9f3 rgb(232,233,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#777779
```
#777779 rgb(119,119,121)
```
#6e7082
```
#6e7082 rgb(110,112,130)
```
#64698c
```
#64698c rgb(100,105,140)
```
#5b6195
```
#5b6195 rgb(91,97,149)
```
#525a9e
```
#525a9e rgb(82,90,158)
```
#4953a7
```
#4953a7 rgb(73,83,167)
```
#404bb0
```
#404bb0 rgb(64,75,176)
```
#3644ba
```
#3644ba rgb(54,68,186)
```
#2d3dc3
```
#2d3dc3 rgb(45,61,195)
```
#2436cc
```
#2436cc rgb(36,54,204)
```
#1b2ed5
```
#1b2ed5 rgb(27,46,213)
```
#1127df
```
#1127df rgb(17,39,223)
```
#0820e8
```
#0820e8 rgb(8,32,232)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c5e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a65a5 Protanopia 1% of men
#4268a0 Deuteranopia 1% of men
#4a6d75 Tritanopia 0.001% of the population

Trichromacy

#4d61a2 Protanomaly 1% of men, 0.01% of women
#47639f Deuteranomaly 6% of men, 0.4% of women
#4c6684 Tritanomaly 0.01% of the population