#554c66 hex color

In a RGB color space, hex #554c66 is composed of 33.3% red, 29.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 25.5% magenta, 0% yellow and 60% black. It has a hue angle of 260.8 degrees, a saturation of 14.6% and a lightness of 34.9%. #554c66 color hex could be obtained by blending #aa98cc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 30
- B 40
RGB color chart
- C 17
- M 25
- Y 0
- K 60
CMYK color chart

● #554c66 color description : Very dark grayish violet.

The hexadecimal color #554c66 has RGB values of R:85, G:76, B:102 and CMYK values of C:0.17, M:0.25, Y:0, K:0.6. Its decimal value is 5590118.

Hex triplet	554c66	`#554c66`
RGB Decimal	85, 76, 102	`rgb(85,76,102)`
RGB Percent	33.3, 29.8, 40	`rgb(33.3%,29.8%,40%)`
CMYK	17, 25, 0, 60
HSL	260.8°, 14.6, 34.9	`hsl(260.8,14.6%,34.9%)`
HSV (or HSB)	260.8°, 25.5, 40
Web Safe	663366	`#663366`

CIE-LAB	34.106, 9.606, -13.744
XYZ	8.729, 8.06, 13.665
xyY	0.287, 0.265, 8.06
CIE-LCH	34.106, 16.769, 304.951
CIE-LUV	34.106, 3.013, -19.155
Hunter-Lab	28.389, 5.201, -8.667
Binary	01010101, 01001100, 01100110

#554c66
```
#554c66 rgb(85,76,102)
```
#5d664c
```
#5d664c rgb(93,102,76)
```

Complementary Color

#4c5066
```
#4c5066 rgb(76,80,102)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#624c66
```
#624c66 rgb(98,76,102)
```

Analogous Color

#50664c
```
#50664c rgb(80,102,76)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#66624c
```
#66624c rgb(102,98,76)
```

Split Complementary Color

#4c6655
```
#4c6655 rgb(76,102,85)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#66554c
```
#66554c rgb(102,85,76)
```

Triadic Color

#4c5d66
```
#4c5d66 rgb(76,93,102)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#66554c
```
#66554c rgb(102,85,76)
```
#5d664c
```
#5d664c rgb(93,102,76)
```

Tetradic Color

#302b3a
```
#302b3a rgb(48,43,58)
```
#3d3649
```
#3d3649 rgb(61,54,73)
```
#494157
```
#494157 rgb(73,65,87)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#615775
```
#615775 rgb(97,87,117)
```
#6d6283
```
#6d6283 rgb(109,98,131)
```
#7a6d92
```
#7a6d92 rgb(122,109,146)
```

Monochromatic Color

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

#4f4c66
```
#4f4c66 rgb(79,76,102)
```
#514c66
```
#514c66 rgb(81,76,102)
```
#534c66
```
#534c66 rgb(83,76,102)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#574c66
```
#574c66 rgb(87,76,102)
```
#594c66
```
#594c66 rgb(89,76,102)
```
#5c4c66
```
#5c4c66 rgb(92,76,102)
```

Similar Colors

Text with hexadecimal color #554c66

This text has a font color of #554c66.

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

#554c66 background color

This paragraph has a background color of #554c66.

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

#554c66 border color

This element has a border color of #554c66.

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

CSS codes

.text {color:#554c66;}

.background {background-color:#554c66;}

.border {border:1px solid #554c66;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a090c
```
#0a090c rgb(10,9,12)
```
#131117
```
#131117 rgb(19,17,23)
```
#1d1a23
```
#1d1a23 rgb(29,26,35)
```
#26222e
```
#26222e rgb(38,34,46)
```
#302a39
```
#302a39 rgb(48,42,57)
```
#393344
```
#393344 rgb(57,51,68)
```
#423b50
```
#423b50 rgb(66,59,80)
```
#4c445b
```
#4c445b rgb(76,68,91)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#5e5471
```
#5e5471 rgb(94,84,113)
```
#685d7c
```
#685d7c rgb(104,93,124)
```
#716588
```
#716588 rgb(113,101,136)
```

Shade Color Variation

#7b6e93
```
#7b6e93 rgb(123,110,147)
```
#85799b
```
#85799b rgb(133,121,155)
```
#8f84a3
```
#8f84a3 rgb(143,132,163)
```
#998fac
```
#998fac rgb(153,143,172)
```
#a49bb4
```
#a49bb4 rgb(164,155,180)
```
#aea6bd
```
#aea6bd rgb(174,166,189)
```
#b8b1c5
```
#b8b1c5 rgb(184,177,197)
```
#c2bccd
```
#c2bccd rgb(194,188,205)
```
#cdc8d6
```
#cdc8d6 rgb(205,200,214)
```
#d7d3de
```
#d7d3de rgb(215,211,222)
```
#e1dee6
```
#e1dee6 rgb(225,222,230)
```
#ebe9ef
```
#ebe9ef rgb(235,233,239)
```
#f6f5f7
```
#f6f5f7 rgb(246,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57535f is the less saturated color, while #3e01b1 is the most saturated one.

#57535f
```
#57535f rgb(87,83,95)
```
#554c66
```
#554c66 rgb(85,76,102)
```
#53456d
```
#53456d rgb(83,69,109)
```
#513e74
```
#513e74 rgb(81,62,116)
```
#4f377b
```
#4f377b rgb(79,55,123)
```
#4d3181
```
#4d3181 rgb(77,49,129)
```
#4a2a88
```
#4a2a88 rgb(74,42,136)
```
#48238f
```
#48238f rgb(72,35,143)
```
#461c96
```
#461c96 rgb(70,28,150)
```
#44159d
```
#44159d rgb(68,21,157)
```
#420ea4
```
#420ea4 rgb(66,14,164)
```
#4008aa
```
#4008aa rgb(64,8,170)
```
#3e01b1
```
#3e01b1 rgb(62,1,177)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#535156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52586f Protanopia 1% of men
#56576d Deuteranopia 1% of men
#5a585e Tritanopia 0.001% of the population

Trichromacy

#53536c Protanomaly 1% of men, 0.01% of women
#56536a Deuteranomaly 6% of men, 0.4% of women
#585361 Tritanomaly 0.01% of the population

#554c66 hex color

#554c66 Color Information

#554c66 Color Conversion

Color Schemes with #554c66

Alternatives to #554c66

#554c66 Preview

Shades and Tints of #554c66

Tones of #554c66

Color Blindness Simulator