#5525a5 hex color

In a RGB color space, hex #5525a5 is composed of 33.3% red, 14.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 77.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 262.5 degrees, a saturation of 63.4% and a lightness of 39.6%. #5525a5 color hex could be obtained by blending #aa4aff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 15
- B 65
RGB color chart
- C 48
- M 78
- Y 0
- K 35
CMYK color chart

● #5525a5 color description : Dark violet.

The hexadecimal color #5525a5 has RGB values of R:85, G:37, B:165 and CMYK values of C:0.48, M:0.78, Y:0, K:0.35. Its decimal value is 5580197.

Hex triplet	5525a5	`#5525a5`
RGB Decimal	85, 37, 165	`rgb(85,37,165)`
RGB Percent	33.3, 14.5, 64.7	`rgb(33.3%,14.5%,64.7%)`
CMYK	48, 78, 0, 35
HSL	262.5°, 63.4, 39.6	`hsl(262.5,63.4%,39.6%)`
HSV (or HSB)	262.5°, 77.6, 64.7
Web Safe	663399	`#663399`

CIE-LAB	29.339, 49.69, -60.327
XYZ	11.198, 5.971, 36.158
xyY	0.21, 0.112, 5.971
CIE-LCH	29.339, 78.157, 309.478
CIE-LUV	29.339, 6.194, -80.669
Hunter-Lab	24.435, 39.04, -70.628
Binary	01010101, 00100101, 10100101

#5525a5
```
#5525a5 rgb(85,37,165)
```
#75a525
```
#75a525 rgb(117,165,37)
```

Complementary Color

#2535a5
```
#2535a5 rgb(37,53,165)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#9525a5
```
#9525a5 rgb(149,37,165)
```

Analogous Color

#35a525
```
#35a525 rgb(53,165,37)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#a59525
```
#a59525 rgb(165,149,37)
```

Split Complementary Color

#25a555
```
#25a555 rgb(37,165,85)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#a55525
```
#a55525 rgb(165,85,37)
```

Triadic Color

#2575a5
```
#2575a5 rgb(37,117,165)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#a55525
```
#a55525 rgb(165,85,37)
```
#75a525
```
#75a525 rgb(117,165,37)
```

Tetradic Color

#351767
```
#351767 rgb(53,23,103)
```
#401c7b
```
#401c7b rgb(64,28,123)
```
#4a2090
```
#4a2090 rgb(74,32,144)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#602aba
```
#602aba rgb(96,42,186)
```
#6a2ecf
```
#6a2ecf rgb(106,46,207)
```
#7942d5
```
#7942d5 rgb(121,66,213)
```

Monochromatic Color

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

#3525a5
```
#3525a5 rgb(53,37,165)
```
#4025a5
```
#4025a5 rgb(64,37,165)
```
#4a25a5
```
#4a25a5 rgb(74,37,165)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#6025a5
```
#6025a5 rgb(96,37,165)
```
#6a25a5
```
#6a25a5 rgb(106,37,165)
```
#7525a5
```
#7525a5 rgb(117,37,165)
```

Similar Colors

Text with hexadecimal color #5525a5

This text has a font color of #5525a5.

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

#5525a5 background color

This paragraph has a background color of #5525a5.

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

#5525a5 border color

This element has a border color of #5525a5.

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

CSS codes

.text {color:#5525a5;}

.background {background-color:#5525a5;}

.border {border:1px solid #5525a5;}

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

#020105
```
#020105 rgb(2,1,5)
```
#0b0515
```
#0b0515 rgb(11,5,21)
```
#130825
```
#130825 rgb(19,8,37)
```
#1b0c35
```
#1b0c35 rgb(27,12,53)
```
#230f45
```
#230f45 rgb(35,15,69)
```
#2c1355
```
#2c1355 rgb(44,19,85)
```
#341765
```
#341765 rgb(52,23,101)
```
#3c1a75
```
#3c1a75 rgb(60,26,117)
```
#441e85
```
#441e85 rgb(68,30,133)
```
#4d2195
```
#4d2195 rgb(77,33,149)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#5d29b5
```
#5d29b5 rgb(93,41,181)
```
#662cc5
```
#662cc5 rgb(102,44,197)
```

Shade Color Variation

#6f33d1
```
#6f33d1 rgb(111,51,209)
```
#7a44d5
```
#7a44d5 rgb(122,68,213)
```
#8554d9
```
#8554d9 rgb(133,84,217)
```
#9164dc
```
#9164dc rgb(145,100,220)
```
#9c74e0
```
#9c74e0 rgb(156,116,224)
```
#a784e3
```
#a784e3 rgb(167,132,227)
```
#b394e7
```
#b394e7 rgb(179,148,231)
```
#bea4eb
```
#bea4eb rgb(190,164,235)
```
#cab4ee
```
#cab4ee rgb(202,180,238)
```
#d5c4f2
```
#d5c4f2 rgb(213,196,242)
```
#e0d4f5
```
#e0d4f5 rgb(224,212,245)
```
#ece4f9
```
#ece4f9 rgb(236,228,249)
```
#f7f4fc
```
#f7f4fc rgb(247,244,252)
```

Tint Color Variation

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

#656367
```
#656367 rgb(101,99,103)
```
#635b6f
```
#635b6f rgb(99,91,111)
```
#615476
```
#615476 rgb(97,84,118)
```
#5f4c7e
```
#5f4c7e rgb(95,76,126)
```
#5d4486
```
#5d4486 rgb(93,68,134)
```
#5b3c8e
```
#5b3c8e rgb(91,60,142)
```
#593595
```
#593595 rgb(89,53,149)
```
#572d9d
```
#572d9d rgb(87,45,157)
```
#5525a5
```
#5525a5 rgb(85,37,165)
```
#531dad
```
#531dad rgb(83,29,173)
```
#5115b5
```
#5115b5 rgb(81,21,181)
```
#4f0ebc
```
#4f0ebc rgb(79,14,188)
```
#4d06c4
```
#4d06c4 rgb(77,6,196)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#463c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005082 Deuteranopia 1% of men
#415157 Tritanopia 0.001% of the population

Trichromacy

#1e3e9a Protanomaly 1% of men, 0.01% of women
#1e408e Deuteranomaly 6% of men, 0.4% of women
#484173 Tritanomaly 0.01% of the population

#5525a5 hex color

#5525a5 Color Information

#5525a5 Color Conversion

Color Schemes with #5525a5

Alternatives to #5525a5

#5525a5 Preview

Shades and Tints of #5525a5

Tones of #5525a5

Color Blindness Simulator