#554580 hex color

In a RGB color space, hex #554580 is composed of 33.3% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 256.3 degrees, a saturation of 29.9% and a lightness of 38.6%. #554580 color hex could be obtained by blending #aa8aff with #000001. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 50
RGB color chart
- C 34
- M 46
- Y 0
- K 50
CMYK color chart

● #554580 color description : Dark moderate violet.

The hexadecimal color #554580 has RGB values of R:85, G:69, B:128 and CMYK values of C:0.34, M:0.46, Y:0, K:0.5. Its decimal value is 5588352.

Hex triplet	554580	`#554580`
RGB Decimal	85, 69, 128	`rgb(85,69,128)`
RGB Percent	33.3, 27.1, 50.2	`rgb(33.3%,27.1%,50.2%)`
CMYK	34, 46, 0, 50
HSL	256.3°, 29.9, 38.6	`hsl(256.3,29.9%,38.6%)`
HSV (or HSB)	256.3°, 46.1, 50.2
Web Safe	663399	`#663399`

CIE-LAB	33.448, 21.08, -31.029
XYZ	9.77, 7.746, 21.401
xyY	0.251, 0.199, 7.746
CIE-LCH	33.448, 37.513, 304.191
CIE-LUV	33.448, 3.334, -44.238
Hunter-Lab	27.832, 13.955, -26.109
Binary	01010101, 01000101, 10000000

#554580
```
#554580 rgb(85,69,128)
```
#708045
```
#708045 rgb(112,128,69)
```

Complementary Color

#455380
```
#455380 rgb(69,83,128)
```
#554580
```
#554580 rgb(85,69,128)
```
#734580
```
#734580 rgb(115,69,128)
```

Analogous Color

#538045
```
#538045 rgb(83,128,69)
```
#554580
```
#554580 rgb(85,69,128)
```
#807345
```
#807345 rgb(128,115,69)
```

Split Complementary Color

#458055
```
#458055 rgb(69,128,85)
```
#554580
```
#554580 rgb(85,69,128)
```
#805545
```
#805545 rgb(128,85,69)
```

Triadic Color

#457080
```
#457080 rgb(69,112,128)
```
#554580
```
#554580 rgb(85,69,128)
```
#805545
```
#805545 rgb(128,85,69)
```
#708045
```
#708045 rgb(112,128,69)
```

Tetradic Color

#342a4e
```
#342a4e rgb(52,42,78)
```
#3f335f
```
#3f335f rgb(63,51,95)
```
#4a3c6f
```
#4a3c6f rgb(74,60,111)
```
#554580
```
#554580 rgb(85,69,128)
```
#604e91
```
#604e91 rgb(96,78,145)
```
#6b57a1
```
#6b57a1 rgb(107,87,161)
```
#7965ac
```
#7965ac rgb(121,101,172)
```

Monochromatic Color

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

#464580
```
#464580 rgb(70,69,128)
```
#4b4580
```
#4b4580 rgb(75,69,128)
```
#504580
```
#504580 rgb(80,69,128)
```
#554580
```
#554580 rgb(85,69,128)
```
#5a4580
```
#5a4580 rgb(90,69,128)
```
#5f4580
```
#5f4580 rgb(95,69,128)
```
#644580
```
#644580 rgb(100,69,128)
```

Similar Colors

Text with hexadecimal color #554580

This text has a font color of #554580.

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

#554580 background color

This paragraph has a background color of #554580.

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

#554580 border color

This element has a border color of #554580.

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

CSS codes

.text {color:#554580;}

.background {background-color:#554580;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#09070d
```
#09070d rgb(9,7,13)
```
#110e1a
```
#110e1a rgb(17,14,26)
```
#1a1527
```
#1a1527 rgb(26,21,39)
```
#221c34
```
#221c34 rgb(34,28,52)
```
#2b2340
```
#2b2340 rgb(43,35,64)
```
#332a4d
```
#332a4d rgb(51,42,77)
```
#3c305a
```
#3c305a rgb(60,48,90)
```
#443767
```
#443767 rgb(68,55,103)
```
#4d3e73
```
#4d3e73 rgb(77,62,115)
```
#554580
```
#554580 rgb(85,69,128)
```
#5d4c8d
```
#5d4c8d rgb(93,76,141)
```
#665399
```
#665399 rgb(102,83,153)
```

Shade Color Variation

#6f5aa6
```
#6f5aa6 rgb(111,90,166)
```
#7a67ad
```
#7a67ad rgb(122,103,173)
```
#8573b4
```
#8573b4 rgb(133,115,180)
```
#9080bb
```
#9080bb rgb(144,128,187)
```
#9b8dc1
```
#9b8dc1 rgb(155,141,193)
```
#a69ac8
```
#a69ac8 rgb(166,154,200)
```
#b1a6cf
```
#b1a6cf rgb(177,166,207)
```
#bdb3d6
```
#bdb3d6 rgb(189,179,214)
```
#c8c0dd
```
#c8c0dd rgb(200,192,221)
```
#d3cde4
```
#d3cde4 rgb(211,205,228)
```
#ded9eb
```
#ded9eb rgb(222,217,235)
```
#e9e6f2
```
#e9e6f2 rgb(233,230,242)
```
#f4f3f8
```
#f4f3f8 rgb(244,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5c69 is the less saturated color, while #3601c4 is the most saturated one.

#5f5c69
```
#5f5c69 rgb(95,92,105)
```
#5c5471
```
#5c5471 rgb(92,84,113)
```
#584d78
```
#584d78 rgb(88,77,120)
```
#554580
```
#554580 rgb(85,69,128)
```
#523d88
```
#523d88 rgb(82,61,136)
```
#4e368f
```
#4e368f rgb(78,54,143)
```
#4b2e97
```
#4b2e97 rgb(75,46,151)
```
#47279e
```
#47279e rgb(71,39,158)
```
#441fa6
```
#441fa6 rgb(68,31,166)
```
#4018ad
```
#4018ad rgb(64,24,173)
```
#3d10b5
```
#3d10b5 rgb(61,16,181)
```
#3908bd
```
#3908bd rgb(57,8,189)
```
#3601c4
```
#3601c4 rgb(54,1,196)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f568c Protanopia 1% of men
#3f5783 Deuteranopia 1% of men
#53585e Tritanopia 0.001% of the population

Trichromacy

#474f87 Protanomaly 1% of men, 0.01% of women
#475082 Deuteranomaly 6% of men, 0.4% of women
#54516a Tritanomaly 0.01% of the population

#554580 hex color

#554580 Color Information

#554580 Color Conversion

Color Schemes with #554580

Alternatives to #554580

#554580 Preview

Shades and Tints of #554580

Tones of #554580

Color Blindness Simulator