#553f9b hex color

In a RGB color space, hex #553f9b is composed of 33.3% red, 24.7% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 59.4% magenta, 0% yellow and 39.2% black. It has a hue angle of 254.3 degrees, a saturation of 42.2% and a lightness of 42.7%. #553f9b color hex could be obtained by blending #aa7eff with #000037. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 25
- B 61
RGB color chart
- C 45
- M 59
- Y 0
- K 39
CMYK color chart

● #553f9b color description : Dark moderate blue.

The hexadecimal color #553f9b has RGB values of R:85, G:63, B:155 and CMYK values of C:0.45, M:0.59, Y:0, K:0.39. Its decimal value is 5586843.

Hex triplet	553f9b	`#553f9b`
RGB Decimal	85, 63, 155	`rgb(85,63,155)`
RGB Percent	33.3, 24.7, 60.8	`rgb(33.3%,24.7%,60.8%)`
CMYK	45, 59, 0, 39
HSL	254.3°, 42.2, 42.7	`hsl(254.3,42.2%,42.7%)`
HSV (or HSB)	254.3°, 59.4, 60.8
Web Safe	663399	`#663399`

CIE-LAB	33.674, 32.75, -47.218
XYZ	11.439, 7.853, 31.922
xyY	0.223, 0.153, 7.853
CIE-LCH	33.674, 57.464, 304.744
CIE-LUV	33.674, 2.42, -67.512
Hunter-Lab	28.023, 23.826, -47.923
Binary	01010101, 00111111, 10011011

#553f9b
```
#553f9b rgb(85,63,155)
```
#859b3f
```
#859b3f rgb(133,155,63)
```

Complementary Color

#3f579b
```
#3f579b rgb(63,87,155)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#833f9b
```
#833f9b rgb(131,63,155)
```

Analogous Color

#579b3f
```
#579b3f rgb(87,155,63)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#9b833f
```
#9b833f rgb(155,131,63)
```

Split Complementary Color

#3f9b55
```
#3f9b55 rgb(63,155,85)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#9b553f
```
#9b553f rgb(155,85,63)
```

Triadic Color

#3f859b
```
#3f859b rgb(63,133,155)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#9b553f
```
#9b553f rgb(155,85,63)
```
#859b3f
```
#859b3f rgb(133,155,63)
```

Tetradic Color

#372965
```
#372965 rgb(55,41,101)
```
#413077
```
#413077 rgb(65,48,119)
```
#4b3889
```
#4b3889 rgb(75,56,137)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#5f46ad
```
#5f46ad rgb(95,70,173)
```
#6c54b9
```
#6c54b9 rgb(108,84,185)
```
#7c66c1
```
#7c66c1 rgb(124,102,193)
```

Monochromatic Color

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

#3f409b
```
#3f409b rgb(63,64,155)
```
#463f9b
```
#463f9b rgb(70,63,155)
```
#4d3f9b
```
#4d3f9b rgb(77,63,155)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#5d3f9b
```
#5d3f9b rgb(93,63,155)
```
#643f9b
```
#643f9b rgb(100,63,155)
```
#6c3f9b
```
#6c3f9b rgb(108,63,155)
```

Similar Colors

Text with hexadecimal color #553f9b

This text has a font color of #553f9b.

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

#553f9b background color

This paragraph has a background color of #553f9b.

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

#553f9b border color

This element has a border color of #553f9b.

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

CSS codes

.text {color:#553f9b;}

.background {background-color:#553f9b;}

.border {border:1px solid #553f9b;}

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

#010102
```
#010102 rgb(1,1,2)
```
#090610
```
#090610 rgb(9,6,16)
```
#100c1d
```
#100c1d rgb(16,12,29)
```
#18122b
```
#18122b rgb(24,18,43)
```
#1f1739
```
#1f1739 rgb(31,23,57)
```
#271d47
```
#271d47 rgb(39,29,71)
```
#2f2355
```
#2f2355 rgb(47,35,85)
```
#362863
```
#362863 rgb(54,40,99)
```
#3e2e71
```
#3e2e71 rgb(62,46,113)
```
#46347f
```
#46347f rgb(70,52,127)
```
#4d398d
```
#4d398d rgb(77,57,141)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#5d45a9
```
#5d45a9 rgb(93,69,169)
```

Shade Color Variation

#654bb6
```
#654bb6 rgb(101,75,182)
```
#7159bc
```
#7159bc rgb(113,89,188)
```
#7d67c1
```
#7d67c1 rgb(125,103,193)
```
#8975c7
```
#8975c7 rgb(137,117,199)
```
#9583cd
```
#9583cd rgb(149,131,205)
```
#a191d2
```
#a191d2 rgb(161,145,210)
```
#ad9fd8
```
#ad9fd8 rgb(173,159,216)
```
#b9adde
```
#b9adde rgb(185,173,222)
```
#c5bbe3
```
#c5bbe3 rgb(197,187,227)
```
#d0c9e9
```
#d0c9e9 rgb(208,201,233)
```
#dcd7ef
```
#dcd7ef rgb(220,215,239)
```
#e8e5f4
```
#e8e5f4 rgb(232,229,244)
```
#f4f3fa
```
#f4f3fa rgb(244,243,250)
```

Tint Color Variation

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

#6b6971
```
#6b6971 rgb(107,105,113)
```
#666179
```
#666179 rgb(102,97,121)
```
#625882
```
#625882 rgb(98,88,130)
```
#5e508a
```
#5e508a rgb(94,80,138)
```
#594793
```
#594793 rgb(89,71,147)
```
#553f9b
```
#553f9b rgb(85,63,155)
```
#5137a3
```
#5137a3 rgb(81,55,163)
```
#4c2eac
```
#4c2eac rgb(76,46,172)
```
#4826b4
```
#4826b4 rgb(72,38,180)
```
#441dbd
```
#441dbd rgb(68,29,189)
```
#3f15c5
```
#3f15c5 rgb(63,21,197)
```
#3b0dcd
```
#3b0dcd rgb(59,13,205)
```
#3604d6
```
#3604d6 rgb(54,4,214)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#514d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005995 Deuteranopia 1% of men
#495b61 Tritanopia 0.001% of the population

Trichromacy

#1e4da3 Protanomaly 1% of men, 0.01% of women
#1e5097 Deuteranomaly 6% of men, 0.4% of women
#4d5076 Tritanomaly 0.01% of the population

#553f9b hex color

#553f9b Color Information

#553f9b Color Conversion

Color Schemes with #553f9b

Alternatives to #553f9b

#553f9b Preview

Shades and Tints of #553f9b

Tones of #553f9b

Color Blindness Simulator