#554487 hex color

In a RGB color space, hex #554487 is composed of 33.3% red, 26.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 49.6% magenta, 0% yellow and 47.1% black. It has a hue angle of 255.2 degrees, a saturation of 33% and a lightness of 39.8%. #554487 color hex could be obtained by blending #aa88ff with #00000f. Closest websafe color is: #663399.

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

● #554487 color description : Dark moderate violet.

The hexadecimal color #554487 has RGB values of R:85, G:68, B:135 and CMYK values of C:0.37, M:0.5, Y:0, K:0.47. Its decimal value is 5588103.

Hex triplet	554487	`#554487`
RGB Decimal	85, 68, 135	`rgb(85,68,135)`
RGB Percent	33.3, 26.7, 52.9	`rgb(33.3%,26.7%,52.9%)`
CMYK	37, 50, 0, 47
HSL	255.2°, 33, 39.8	`hsl(255.2,33%,39.8%)`
HSV (or HSB)	255.2°, 49.6, 52.9
Web Safe	663399	`#663399`

CIE-LAB	33.594, 23.729, -35.125
XYZ	10.186, 7.815, 23.892
xyY	0.243, 0.187, 7.815
CIE-LCH	33.594, 42.389, 304.041
CIE-LUV	33.594, 2.976, -50.247
Hunter-Lab	27.955, 16.119, -31.105
Binary	01010101, 01000100, 10000111

#554487
```
#554487 rgb(85,68,135)
```
#768744
```
#768744 rgb(118,135,68)
```

Complementary Color

#445587
```
#445587 rgb(68,85,135)
```
#554487
```
#554487 rgb(85,68,135)
```
#774487
```
#774487 rgb(119,68,135)
```

Analogous Color

#558744
```
#558744 rgb(85,135,68)
```
#554487
```
#554487 rgb(85,68,135)
```
#877744
```
#877744 rgb(135,119,68)
```

Split Complementary Color

#448755
```
#448755 rgb(68,135,85)
```
#554487
```
#554487 rgb(85,68,135)
```
#875544
```
#875544 rgb(135,85,68)
```

Triadic Color

#447687
```
#447687 rgb(68,118,135)
```
#554487
```
#554487 rgb(85,68,135)
```
#875544
```
#875544 rgb(135,85,68)
```
#768744
```
#768744 rgb(118,135,68)
```

Tetradic Color

#352a54
```
#352a54 rgb(53,42,84)
```
#403365
```
#403365 rgb(64,51,101)
```
#4a3b76
```
#4a3b76 rgb(74,59,118)
```
#554487
```
#554487 rgb(85,68,135)
```
#604d98
```
#604d98 rgb(96,77,152)
```
#6a55a9
```
#6a55a9 rgb(106,85,169)
```
#7966b2
```
#7966b2 rgb(121,102,178)
```

Monochromatic Color

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

#444487
```
#444487 rgb(68,68,135)
```
#4a4487
```
#4a4487 rgb(74,68,135)
```
#4f4487
```
#4f4487 rgb(79,68,135)
```
#554487
```
#554487 rgb(85,68,135)
```
#5b4487
```
#5b4487 rgb(91,68,135)
```
#604487
```
#604487 rgb(96,68,135)
```
#664487
```
#664487 rgb(102,68,135)
```

Similar Colors

Text with hexadecimal color #554487

This text has a font color of #554487.

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

#554487 background color

This paragraph has a background color of #554487.

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

#554487 border color

This element has a border color of #554487.

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

CSS codes

.text {color:#554487;}

.background {background-color:#554487;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0b0912
```
#0b0912 rgb(11,9,18)
```
#130f1f
```
#130f1f rgb(19,15,31)
```
#1c162c
```
#1c162c rgb(28,22,44)
```
#241d39
```
#241d39 rgb(36,29,57)
```
#2c2346
```
#2c2346 rgb(44,35,70)
```
#342a53
```
#342a53 rgb(52,42,83)
```
#3c3060
```
#3c3060 rgb(60,48,96)
```
#45376d
```
#45376d rgb(69,55,109)
```
#4d3d7a
```
#4d3d7a rgb(77,61,122)
```
#554487
```
#554487 rgb(85,68,135)
```
#5d4b94
```
#5d4b94 rgb(93,75,148)
```
#6551a1
```
#6551a1 rgb(101,81,161)
```

Shade Color Variation

#6f5aac
```
#6f5aac rgb(111,90,172)
```
#7a67b2
```
#7a67b2 rgb(122,103,178)
```
#8674b9
```
#8674b9 rgb(134,116,185)
```
#9181c0
```
#9181c0 rgb(145,129,192)
```
#9c8ec6
```
#9c8ec6 rgb(156,142,198)
```
#a89bcd
```
#a89bcd rgb(168,155,205)
```
#b3a8d3
```
#b3a8d3 rgb(179,168,211)
```
#bfb5da
```
#bfb5da rgb(191,181,218)
```
#cac2e0
```
#cac2e0 rgb(202,194,224)
```
#d5cfe7
```
#d5cfe7 rgb(213,207,231)
```
#e1dcee
```
#e1dcee rgb(225,220,238)
```
#ece9f4
```
#ece9f4 rgb(236,233,244)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#646368
```
#646368 rgb(100,99,104)
```
#615b70
```
#615b70 rgb(97,91,112)
```
#5d5477
```
#5d5477 rgb(93,84,119)
```
#594c7f
```
#594c7f rgb(89,76,127)
```
#554487
```
#554487 rgb(85,68,135)
```
#513c8f
```
#513c8f rgb(81,60,143)
```
#4d3497
```
#4d3497 rgb(77,52,151)
```
#492d9e
```
#492d9e rgb(73,45,158)
```
#4625a6
```
#4625a6 rgb(70,37,166)
```
#421dae
```
#421dae rgb(66,29,174)
```
#3e15b6
```
#3e15b6 rgb(62,21,182)
```
#3a0dbe
```
#3a0dbe rgb(58,13,190)
```
#3606c5
```
#3606c5 rgb(54,6,197)
```

Tone Color Variation

Below, you can see how #554487 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
#524e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#385694 Protanopia 1% of men
#365889 Deuteranopia 1% of men
#51595f Tritanopia 0.001% of the population

Trichromacy

#424f8f Protanomaly 1% of men, 0.01% of women
#415188 Deuteranomaly 6% of men, 0.4% of women
#52516d Tritanomaly 0.01% of the population

#554487 hex color

#554487 Color Information

#554487 Color Conversion

Color Schemes with #554487

Alternatives to #554487

#554487 Preview

Shades and Tints of #554487

Tones of #554487

Color Blindness Simulator