#554568 hex color

In a RGB color space, hex #554568 is composed of 33.3% red, 27.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 33.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 267.4 degrees, a saturation of 20.2% and a lightness of 33.9%. #554568 color hex could be obtained by blending #aa8ad0 with #000000. Closest websafe color is: #663366.

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

● #554568 color description : Very dark grayish violet.

The hexadecimal color #554568 has RGB values of R:85, G:69, B:104 and CMYK values of C:0.18, M:0.34, Y:0, K:0.59. Its decimal value is 5588328.

Hex triplet	554568	`#554568`
RGB Decimal	85, 69, 104	`rgb(85,69,104)`
RGB Percent	33.3, 27.1, 40.8	`rgb(33.3%,27.1%,40.8%)`
CMYK	18, 34, 0, 59
HSL	267.4°, 20.2, 33.9	`hsl(267.4,20.2%,33.9%)`
HSV (or HSB)	267.4°, 33.7, 40.8
Web Safe	663366	`#663366`

CIE-LAB	32.229, 14.59, -17.893
XYZ	8.373, 7.187, 14.042
xyY	0.283, 0.243, 7.187
CIE-LCH	32.229, 23.087, 309.195
CIE-LUV	32.229, 5.748, -25.028
Hunter-Lab	26.809, 8.833, -12.289
Binary	01010101, 01000101, 01101000

#554568
```
#554568 rgb(85,69,104)
```
#586845
```
#586845 rgb(88,104,69)
```

Complementary Color

#454768
```
#454768 rgb(69,71,104)
```
#554568
```
#554568 rgb(85,69,104)
```
#674568
```
#674568 rgb(103,69,104)
```

Analogous Color

#476845
```
#476845 rgb(71,104,69)
```
#554568
```
#554568 rgb(85,69,104)
```
#686745
```
#686745 rgb(104,103,69)
```

Split Complementary Color

#456855
```
#456855 rgb(69,104,85)
```
#554568
```
#554568 rgb(85,69,104)
```
#685545
```
#685545 rgb(104,85,69)
```

Triadic Color

#455868
```
#455868 rgb(69,88,104)
```
#554568
```
#554568 rgb(85,69,104)
```
#685545
```
#685545 rgb(104,85,69)
```
#586845
```
#586845 rgb(88,104,69)
```

Tetradic Color

#2f263a
```
#2f263a rgb(47,38,58)
```
#3c3149
```
#3c3149 rgb(60,49,73)
```
#483b59
```
#483b59 rgb(72,59,89)
```
#554568
```
#554568 rgb(85,69,104)
```
#624f77
```
#624f77 rgb(98,79,119)
```
#6e5987
```
#6e5987 rgb(110,89,135)
```
#7b6496
```
#7b6496 rgb(123,100,150)
```

Monochromatic Color

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

#4c4568
```
#4c4568 rgb(76,69,104)
```
#4f4568
```
#4f4568 rgb(79,69,104)
```
#524568
```
#524568 rgb(82,69,104)
```
#554568
```
#554568 rgb(85,69,104)
```
#584568
```
#584568 rgb(88,69,104)
```
#5b4568
```
#5b4568 rgb(91,69,104)
```
#5e4568
```
#5e4568 rgb(94,69,104)
```

Similar Colors

Text with hexadecimal color #554568

This text has a font color of #554568.

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

#554568 background color

This paragraph has a background color of #554568.

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

#554568 border color

This element has a border color of #554568.

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

CSS codes

.text {color:#554568;}

.background {background-color:#554568;}

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

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, #08060a is the darkest color, while #fdfdfe is the lightest one.

#08060a
```
#08060a rgb(8,6,10)
```
#120e15
```
#120e15 rgb(18,14,21)
```
#1b1621
```
#1b1621 rgb(27,22,33)
```
#251e2d
```
#251e2d rgb(37,30,45)
```
#2e2639
```
#2e2639 rgb(46,38,57)
```
#382e45
```
#382e45 rgb(56,46,69)
```
#423550
```
#423550 rgb(66,53,80)
```
#4b3d5c
```
#4b3d5c rgb(75,61,92)
```
#554568
```
#554568 rgb(85,69,104)
```
#5f4d74
```
#5f4d74 rgb(95,77,116)
```
#685580
```
#685580 rgb(104,85,128)
```
#725c8b
```
#725c8b rgb(114,92,139)
```
#7c6497
```
#7c6497 rgb(124,100,151)
```

Shade Color Variation

#856fa0
```
#856fa0 rgb(133,111,160)
```
#8f7ba8
```
#8f7ba8 rgb(143,123,168)
```
#9987af
```
#9987af rgb(153,135,175)
```
#a393b7
```
#a393b7 rgb(163,147,183)
```
#ad9fbf
```
#ad9fbf rgb(173,159,191)
```
#b7aac7
```
#b7aac7 rgb(183,170,199)
```
#c1b6cf
```
#c1b6cf rgb(193,182,207)
```
#cbc2d6
```
#cbc2d6 rgb(203,194,214)
```
#d5cede
```
#d5cede rgb(213,206,222)
```
#dfd9e6
```
#dfd9e6 rgb(223,217,230)
```
#e9e5ee
```
#e9e5ee rgb(233,229,238)
```
#f3f1f6
```
#f3f1f6 rgb(243,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56525b is the less saturated color, while #4f02ab is the most saturated one.

#56525b
```
#56525b rgb(86,82,91)
```
#564c61
```
#564c61 rgb(86,76,97)
```
#554568
```
#554568 rgb(85,69,104)
```
#543e6f
```
#543e6f rgb(84,62,111)
```
#543875
```
#543875 rgb(84,56,117)
```
#53317c
```
#53317c rgb(83,49,124)
```
#532a83
```
#532a83 rgb(83,42,131)
```
#522489
```
#522489 rgb(82,36,137)
```
#521d90
```
#521d90 rgb(82,29,144)
```
#511697
```
#511697 rgb(81,22,151)
```
#50109d
```
#50109d rgb(80,16,157)
```
#5009a4
```
#5009a4 rgb(80,9,164)
```
#4f02ab
```
#4f02ab rgb(79,2,171)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4f4c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5473 Protanopia 1% of men
#4e536e Deuteranopia 1% of men
#595359 Tritanopia 0.001% of the population

Trichromacy

#4e4e6f Protanomaly 1% of men, 0.01% of women
#504e6b Deuteranomaly 6% of men, 0.4% of women
#574e5e Tritanomaly 0.01% of the population

#554568 hex color

#554568 Color Information

#554568 Color Conversion

Color Schemes with #554568

Alternatives to #554568

#554568 Preview

Shades and Tints of #554568

Tones of #554568

Color Blindness Simulator