#554485 hex color

In a RGB color space, hex #554485 is composed of 33.3% red, 26.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 48.9% magenta, 0% yellow and 47.8% black. It has a hue angle of 255.7 degrees, a saturation of 32.3% and a lightness of 39.4%. #554485 color hex could be obtained by blending #aa88ff with #00000b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 52
RGB color chart
- C 36
- M 49
- Y 0
- K 48
CMYK color chart

● #554485 color description : Dark moderate violet.

The hexadecimal color #554485 has RGB values of R:85, G:68, B:133 and CMYK values of C:0.36, M:0.49, Y:0, K:0.48. Its decimal value is 5588101.

Hex triplet	554485	`#554485`
RGB Decimal	85, 68, 133	`rgb(85,68,133)`
RGB Percent	33.3, 26.7, 52.2	`rgb(33.3%,26.7%,52.2%)`
CMYK	36, 49, 0, 48
HSL	255.7°, 32.3, 39.4	`hsl(255.7,32.3%,39.4%)`
HSV (or HSB)	255.7°, 48.9, 52.2
Web Safe	663399	`#663399`

CIE-LAB	33.476, 23.149, -34.079
XYZ	10.046, 7.759, 23.157
xyY	0.245, 0.189, 7.759
CIE-LCH	33.476, 41.198, 304.187
CIE-LUV	33.476, 3.172, -48.689
Hunter-Lab	27.855, 15.633, -29.793
Binary	01010101, 01000100, 10000101

#554485
```
#554485 rgb(85,68,133)
```
#748544
```
#748544 rgb(116,133,68)
```

Complementary Color

#445485
```
#445485 rgb(68,84,133)
```
#554485
```
#554485 rgb(85,68,133)
```
#764485
```
#764485 rgb(118,68,133)
```

Analogous Color

#548544
```
#548544 rgb(84,133,68)
```
#554485
```
#554485 rgb(85,68,133)
```
#857644
```
#857644 rgb(133,118,68)
```

Split Complementary Color

#448555
```
#448555 rgb(68,133,85)
```
#554485
```
#554485 rgb(85,68,133)
```
#855544
```
#855544 rgb(133,85,68)
```

Triadic Color

#447485
```
#447485 rgb(68,116,133)
```
#554485
```
#554485 rgb(85,68,133)
```
#855544
```
#855544 rgb(133,85,68)
```
#748544
```
#748544 rgb(116,133,68)
```

Tetradic Color

#352a52
```
#352a52 rgb(53,42,82)
```
#3f3363
```
#3f3363 rgb(63,51,99)
```
#4a3b74
```
#4a3b74 rgb(74,59,116)
```
#554485
```
#554485 rgb(85,68,133)
```
#604d96
```
#604d96 rgb(96,77,150)
```
#6b55a7
```
#6b55a7 rgb(107,85,167)
```
#7965b0
```
#7965b0 rgb(121,101,176)
```

Monochromatic Color

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

#454485
```
#454485 rgb(69,68,133)
```
#4a4485
```
#4a4485 rgb(74,68,133)
```
#504485
```
#504485 rgb(80,68,133)
```
#554485
```
#554485 rgb(85,68,133)
```
#5a4485
```
#5a4485 rgb(90,68,133)
```
#604485
```
#604485 rgb(96,68,133)
```
#654485
```
#654485 rgb(101,68,133)
```

Similar Colors

Text with hexadecimal color #554485

This text has a font color of #554485.

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

#554485 background color

This paragraph has a background color of #554485.

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

#554485 border color

This element has a border color of #554485.

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

CSS codes

.text {color:#554485;}

.background {background-color:#554485;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0810
```
#0a0810 rgb(10,8,16)
```
#130f1d
```
#130f1d rgb(19,15,29)
```
#1b162a
```
#1b162a rgb(27,22,42)
```
#231c37
```
#231c37 rgb(35,28,55)
```
#2c2344
```
#2c2344 rgb(44,35,68)
```
#342951
```
#342951 rgb(52,41,81)
```
#3c305e
```
#3c305e rgb(60,48,94)
```
#44376b
```
#44376b rgb(68,55,107)
```
#4d3d78
```
#4d3d78 rgb(77,61,120)
```
#554485
```
#554485 rgb(85,68,133)
```
#5d4b92
```
#5d4b92 rgb(93,75,146)
```
#66519f
```
#66519f rgb(102,81,159)
```

Shade Color Variation

#6f59aa
```
#6f59aa rgb(111,89,170)
```
#7a66b1
```
#7a66b1 rgb(122,102,177)
```
#8573b8
```
#8573b8 rgb(133,115,184)
```
#9180be
```
#9180be rgb(145,128,190)
```
#9c8dc5
```
#9c8dc5 rgb(156,141,197)
```
#a79acc
```
#a79acc rgb(167,154,204)
```
#b3a7d2
```
#b3a7d2 rgb(179,167,210)
```
#beb4d9
```
#beb4d9 rgb(190,180,217)
```
#c9c1df
```
#c9c1df rgb(201,193,223)
```
#d5cee6
```
#d5cee6 rgb(213,206,230)
```
#e0dbed
```
#e0dbed rgb(224,219,237)
```
#ebe8f3
```
#ebe8f3 rgb(235,232,243)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

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

#646366
```
#646366 rgb(100,99,102)
```
#605b6e
```
#605b6e rgb(96,91,110)
```
#5c5376
```
#5c5376 rgb(92,83,118)
```
#594c7d
```
#594c7d rgb(89,76,125)
```
#554485
```
#554485 rgb(85,68,133)
```
#513c8d
```
#513c8d rgb(81,60,141)
```
#4e3594
```
#4e3594 rgb(78,53,148)
```
#4a2d9c
```
#4a2d9c rgb(74,45,156)
```
#4625a4
```
#4625a4 rgb(70,37,164)
```
#431dac
```
#431dac rgb(67,29,172)
```
#3f16b3
```
#3f16b3 rgb(63,22,179)
```
#3b0ebb
```
#3b0ebb rgb(59,14,187)
```
#3806c3
```
#3806c3 rgb(56,6,195)
```

Tone Color Variation

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

Dichromacy

#395592 Protanopia 1% of men
#395887 Deuteranopia 1% of men
#52585f Tritanopia 0.001% of the population

Trichromacy

#434f8d Protanomaly 1% of men, 0.01% of women
#435086 Deuteranomaly 6% of men, 0.4% of women
#53516c Tritanomaly 0.01% of the population

#554485 hex color

#554485 Color Information

#554485 Color Conversion

Color Schemes with #554485

Alternatives to #554485

#554485 Preview

Shades and Tints of #554485

Tones of #554485

Color Blindness Simulator