#553498 hex color

In a RGB color space, hex #553498 is composed of 33.3% red, 20.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 65.8% magenta, 0% yellow and 40.4% black. It has a hue angle of 259.8 degrees, a saturation of 49% and a lightness of 40%. #553498 color hex could be obtained by blending #aa68ff with #000031. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 20
- B 60
RGB color chart
- C 44
- M 66
- Y 0
- K 40
CMYK color chart

● #553498 color description : Dark moderate violet.

The hexadecimal color #553498 has RGB values of R:85, G:52, B:152 and CMYK values of C:0.44, M:0.66, Y:0, K:0.4. Its decimal value is 5584024.

Hex triplet	553498	`#553498`
RGB Decimal	85, 52, 152	`rgb(85,52,152)`
RGB Percent	33.3, 20.4, 59.6	`rgb(33.3%,20.4%,59.6%)`
CMYK	44, 66, 0, 40
HSL	259.8°, 49, 40	`hsl(259.8,49%,40%)`
HSV (or HSB)	259.8°, 65.8, 59.6
Web Safe	663399	`#663399`

CIE-LAB	31.006, 38.367, -49.712
XYZ	10.641, 6.654, 30.428
xyY	0.223, 0.139, 6.654
CIE-LCH	31.006, 62.796, 307.66
CIE-LUV	31.006, 5.298, -69.119
Hunter-Lab	25.796, 28.489, -51.88
Binary	01010101, 00110100, 10011000

#553498
```
#553498 rgb(85,52,152)
```
#779834
```
#779834 rgb(119,152,52)
```

Complementary Color

#344598
```
#344598 rgb(52,69,152)
```
#553498
```
#553498 rgb(85,52,152)
```
#873498
```
#873498 rgb(135,52,152)
```

Analogous Color

#459834
```
#459834 rgb(69,152,52)
```
#553498
```
#553498 rgb(85,52,152)
```
#988734
```
#988734 rgb(152,135,52)
```

Split Complementary Color

#349855
```
#349855 rgb(52,152,85)
```
#553498
```
#553498 rgb(85,52,152)
```
#985534
```
#985534 rgb(152,85,52)
```

Triadic Color

#347798
```
#347798 rgb(52,119,152)
```
#553498
```
#553498 rgb(85,52,152)
```
#985534
```
#985534 rgb(152,85,52)
```
#779834
```
#779834 rgb(119,152,52)
```

Tetradic Color

#35215f
```
#35215f rgb(53,33,95)
```
#402772
```
#402772 rgb(64,39,114)
```
#4a2e85
```
#4a2e85 rgb(74,46,133)
```
#553498
```
#553498 rgb(85,52,152)
```
#603bab
```
#603bab rgb(96,59,171)
```
#6a41be
```
#6a41be rgb(106,65,190)
```
#7954c5
```
#7954c5 rgb(121,84,197)
```

Monochromatic Color

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

#3c3498
```
#3c3498 rgb(60,52,152)
```
#443498
```
#443498 rgb(68,52,152)
```
#4d3498
```
#4d3498 rgb(77,52,152)
```
#553498
```
#553498 rgb(85,52,152)
```
#5d3498
```
#5d3498 rgb(93,52,152)
```
#663498
```
#663498 rgb(102,52,152)
```
#6e3498
```
#6e3498 rgb(110,52,152)
```

Similar Colors

Text with hexadecimal color #553498

This text has a font color of #553498.

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

#553498 background color

This paragraph has a background color of #553498.

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

#553498 border color

This element has a border color of #553498.

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

CSS codes

.text {color:#553498;}

.background {background-color:#553498;}

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0714
```
#0b0714 rgb(11,7,20)
```
#140c23
```
#140c23 rgb(20,12,35)
```
#1c1132
```
#1c1132 rgb(28,17,50)
```
#241640
```
#241640 rgb(36,22,64)
```
#2c1b4f
```
#2c1b4f rgb(44,27,79)
```
#34205e
```
#34205e rgb(52,32,94)
```
#3c256c
```
#3c256c rgb(60,37,108)
```
#452a7b
```
#452a7b rgb(69,42,123)
```
#4d2f89
```
#4d2f89 rgb(77,47,137)
```
#553498
```
#553498 rgb(85,52,152)
```
#5d39a7
```
#5d39a7 rgb(93,57,167)
```
#653eb5
```
#653eb5 rgb(101,62,181)
```

Shade Color Variation

#6f47c0
```
#6f47c0 rgb(111,71,192)
```
#7a55c5
```
#7a55c5 rgb(122,85,197)
```
#8664ca
```
#8664ca rgb(134,100,202)
```
#9173cf
```
#9173cf rgb(145,115,207)
```
#9d81d4
```
#9d81d4 rgb(157,129,212)
```
#a890d9
```
#a890d9 rgb(168,144,217)
```
#b39fde
```
#b39fde rgb(179,159,222)
```
#bfade3
```
#bfade3 rgb(191,173,227)
```
#cabce8
```
#cabce8 rgb(202,188,232)
```
#d6caed
```
#d6caed rgb(214,202,237)
```
#e1d9f2
```
#e1d9f2 rgb(225,217,242)
```
#ede8f7
```
#ede8f7 rgb(237,232,247)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#656369
```
#656369 rgb(101,99,105)
```
#625b71
```
#625b71 rgb(98,91,113)
```
#605379
```
#605379 rgb(96,83,121)
```
#5d4c80
```
#5d4c80 rgb(93,76,128)
```
#5a4488
```
#5a4488 rgb(90,68,136)
```
#583c90
```
#583c90 rgb(88,60,144)
```
#553498
```
#553498 rgb(85,52,152)
```
#522ca0
```
#522ca0 rgb(82,44,160)
```
#5024a8
```
#5024a8 rgb(80,36,168)
```
#4d1cb0
```
#4d1cb0 rgb(77,28,176)
```
#4a15b7
```
#4a15b7 rgb(74,21,183)
```
#480dbf
```
#480dbf rgb(72,13,191)
```
#4505c7
```
#4505c7 rgb(69,5,199)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b4559 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9c Protanopia 1% of men
#00548a Deuteranopia 1% of men
#49545a Tritanopia 0.001% of the population

Trichromacy

#1e459a Protanomaly 1% of men, 0.01% of women
#1e488f Deuteranomaly 6% of men, 0.4% of women
#4d4870 Tritanomaly 0.01% of the population

#553498 hex color

#553498 Color Information

#553498 Color Conversion

Color Schemes with #553498

Alternatives to #553498

#553498 Preview

Shades and Tints of #553498

Tones of #553498

Color Blindness Simulator