#554c72 hex color

In a RGB color space, hex #554c72 is composed of 33.3% red, 29.8% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 33.3% magenta, 0% yellow and 55.3% black. It has a hue angle of 254.2 degrees, a saturation of 20% and a lightness of 37.3%. #554c72 color hex could be obtained by blending #aa98e4 with #000000. Closest websafe color is: #663366.

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

● #554c72 color description : Very dark grayish blue.

The hexadecimal color #554c72 has RGB values of R:85, G:76, B:114 and CMYK values of C:0.25, M:0.33, Y:0, K:0.55. Its decimal value is 5590130.

Hex triplet	554c72	`#554c72`
RGB Decimal	85, 76, 114	`rgb(85,76,114)`
RGB Percent	33.3, 29.8, 44.7	`rgb(33.3%,29.8%,44.7%)`
CMYK	25, 33, 0, 55
HSL	254.2°, 20, 37.3	`hsl(254.2,20%,37.3%)`
HSV (or HSB)	254.2°, 33.3, 44.7
Web Safe	663366	`#663366`

CIE-LAB	34.631, 12.722, -20.464
XYZ	9.367, 8.315, 17.03
xyY	0.27, 0.24, 8.315
CIE-LCH	34.631, 24.096, 301.868
CIE-LUV	34.631, 2.026, -28.912
Hunter-Lab	28.836, 7.524, -14.831
Binary	01010101, 01001100, 01110010

#554c72
```
#554c72 rgb(85,76,114)
```
#69724c
```
#69724c rgb(105,114,76)
```

Complementary Color

#4c5672
```
#4c5672 rgb(76,86,114)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#684c72
```
#684c72 rgb(104,76,114)
```

Analogous Color

#56724c
```
#56724c rgb(86,114,76)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#72684c
```
#72684c rgb(114,104,76)
```

Split Complementary Color

#4c7255
```
#4c7255 rgb(76,114,85)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#72554c
```
#72554c rgb(114,85,76)
```

Triadic Color

#4c6972
```
#4c6972 rgb(76,105,114)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#72554c
```
#72554c rgb(114,85,76)
```
#69724c
```
#69724c rgb(105,114,76)
```

Tetradic Color

#332d44
```
#332d44 rgb(51,45,68)
```
#3e3853
```
#3e3853 rgb(62,56,83)
```
#4a4263
```
#4a4263 rgb(74,66,99)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#605681
```
#605681 rgb(96,86,129)
```
#6c6091
```
#6c6091 rgb(108,96,145)
```
#786d9e
```
#786d9e rgb(120,109,158)
```

Monochromatic Color

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

#4c4d72
```
#4c4d72 rgb(76,77,114)
```
#4f4c72
```
#4f4c72 rgb(79,76,114)
```
#524c72
```
#524c72 rgb(82,76,114)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#584c72
```
#584c72 rgb(88,76,114)
```
#5b4c72
```
#5b4c72 rgb(91,76,114)
```
#5f4c72
```
#5f4c72 rgb(95,76,114)
```

Similar Colors

Text with hexadecimal color #554c72

This text has a font color of #554c72.

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

#554c72 background color

This paragraph has a background color of #554c72.

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

#554c72 border color

This element has a border color of #554c72.

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

CSS codes

.text {color:#554c72;}

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

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

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

#060508
```
#060508 rgb(6,5,8)
```
#0f0d14
```
#0f0d14 rgb(15,13,20)
```
#181520
```
#181520 rgb(24,21,32)
```
#201d2b
```
#201d2b rgb(32,29,43)
```
#292537
```
#292537 rgb(41,37,55)
```
#322d43
```
#322d43 rgb(50,45,67)
```
#3b344f
```
#3b344f rgb(59,52,79)
```
#433c5a
```
#433c5a rgb(67,60,90)
```
#4c4466
```
#4c4466 rgb(76,68,102)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#5e547e
```
#5e547e rgb(94,84,126)
```
#675c8a
```
#675c8a rgb(103,92,138)
```
#6f6495
```
#6f6495 rgb(111,100,149)
```

Shade Color Variation

#7a6e9e
```
#7a6e9e rgb(122,110,158)
```
#847aa6
```
#847aa6 rgb(132,122,166)
```
#8f86ae
```
#8f86ae rgb(143,134,174)
```
#9a91b6
```
#9a91b6 rgb(154,145,182)
```
#a59dbe
```
#a59dbe rgb(165,157,190)
```
#b0a9c6
```
#b0a9c6 rgb(176,169,198)
```
#bbb5cd
```
#bbb5cd rgb(187,181,205)
```
#c5c0d5
```
#c5c0d5 rgb(197,192,213)
```
#d0ccdd
```
#d0ccdd rgb(208,204,221)
```
#dbd8e5
```
#dbd8e5 rgb(219,216,229)
```
#e6e4ed
```
#e6e4ed rgb(230,228,237)
```
#f1f0f5
```
#f1f0f5 rgb(241,240,245)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#5d5b63
```
#5d5b63 rgb(93,91,99)
```
#59536b
```
#59536b rgb(89,83,107)
```
#554c72
```
#554c72 rgb(85,76,114)
```
#514579
```
#514579 rgb(81,69,121)
```
#4d3d81
```
#4d3d81 rgb(77,61,129)
```
#493688
```
#493688 rgb(73,54,136)
```
#462f8f
```
#462f8f rgb(70,47,143)
```
#422797
```
#422797 rgb(66,39,151)
```
#3e209e
```
#3e209e rgb(62,32,158)
```
#3a19a5
```
#3a19a5 rgb(58,25,165)
```
#3612ac
```
#3612ac rgb(54,18,172)
```
#320ab4
```
#320ab4 rgb(50,10,180)
```
#2f03bb
```
#2f03bb rgb(47,3,187)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#535259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e597c Protanopia 1% of men
#505977 Deuteranopia 1% of men
#585a60 Tritanopia 0.001% of the population

Trichromacy

#515478 Protanomaly 1% of men, 0.01% of women
#525475 Deuteranomaly 6% of men, 0.4% of women
#575567 Tritanomaly 0.01% of the population

#554c72 hex color

#554c72 Color Information

#554c72 Color Conversion

Color Schemes with #554c72

Alternatives to #554c72

#554c72 Preview

Shades and Tints of #554c72

Tones of #554c72

Color Blindness Simulator