#554d7e hex color

In a RGB color space, hex #554d7e is composed of 33.3% red, 30.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 38.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 249.8 degrees, a saturation of 24.1% and a lightness of 39.8%. #554d7e color hex could be obtained by blending #aa9afc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 30
- B 49
RGB color chart
- C 33
- M 39
- Y 0
- K 51
CMYK color chart

● #554d7e color description : Mostly desaturated dark blue.

The hexadecimal color #554d7e has RGB values of R:85, G:77, B:126 and CMYK values of C:0.33, M:0.39, Y:0, K:0.51. Its decimal value is 5590398.

Hex triplet	554d7e	`#554d7e`
RGB Decimal	85, 77, 126	`rgb(85,77,126)`
RGB Percent	33.3, 30.2, 49.4	`rgb(33.3%,30.2%,49.4%)`
CMYK	33, 39, 0, 51
HSL	249.8°, 24.1, 39.8	`hsl(249.8,24.1%,39.8%)`
HSV (or HSB)	249.8°, 38.9, 49.4
Web Safe	666666	`#666666`

CIE-LAB	35.489, 15.401, -26.577
XYZ	10.165, 8.745, 20.89
xyY	0.255, 0.22, 8.745
CIE-LCH	35.489, 30.717, 300.091
CIE-LUV	35.489, 0.677, -38.082
Hunter-Lab	29.572, 9.607, -21.182
Binary	01010101, 01001101, 01111110

#554d7e
```
#554d7e rgb(85,77,126)
```
#767e4d
```
#767e4d rgb(118,126,77)
```

Complementary Color

#4d5e7e
```
#4d5e7e rgb(77,94,126)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#6e4d7e
```
#6e4d7e rgb(110,77,126)
```

Analogous Color

#5e7e4d
```
#5e7e4d rgb(94,126,77)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#7e6e4d
```
#7e6e4d rgb(126,110,77)
```

Split Complementary Color

#4d7e55
```
#4d7e55 rgb(77,126,85)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#7e554d
```
#7e554d rgb(126,85,77)
```

Triadic Color

#4d767e
```
#4d767e rgb(77,118,126)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#7e554d
```
#7e554d rgb(126,85,77)
```
#767e4d
```
#767e4d rgb(118,126,77)
```

Tetradic Color

#35304f
```
#35304f rgb(53,48,79)
```
#403a5e
```
#403a5e rgb(64,58,94)
```
#4a436e
```
#4a436e rgb(74,67,110)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#60578e
```
#60578e rgb(96,87,142)
```
#6a609e
```
#6a609e rgb(106,96,158)
```
#7970a8
```
#7970a8 rgb(121,112,168)
```

Monochromatic Color

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

#4d517e
```
#4d517e rgb(77,81,126)
```
#4d4d7e
```
#4d4d7e rgb(77,77,126)
```
#514d7e
```
#514d7e rgb(81,77,126)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#594d7e
```
#594d7e rgb(89,77,126)
```
#5d4d7e
```
#5d4d7e rgb(93,77,126)
```
#614d7e
```
#614d7e rgb(97,77,126)
```

Similar Colors

Text with hexadecimal color #554d7e

This text has a font color of #554d7e.

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

#554d7e background color

This paragraph has a background color of #554d7e.

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

#554d7e border color

This element has a border color of #554d7e.

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

CSS codes

.text {color:#554d7e;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0a10
```
#0b0a10 rgb(11,10,16)
```
#13111d
```
#13111d rgb(19,17,29)
```
#1c1929
```
#1c1929 rgb(28,25,41)
```
#242035
```
#242035 rgb(36,32,53)
```
#2c2841
```
#2c2841 rgb(44,40,65)
```
#342f4d
```
#342f4d rgb(52,47,77)
```
#3c3759
```
#3c3759 rgb(60,55,89)
```
#453e66
```
#453e66 rgb(69,62,102)
```
#4d4672
```
#4d4672 rgb(77,70,114)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#5d548a
```
#5d548a rgb(93,84,138)
```
#655c96
```
#655c96 rgb(101,92,150)
```

Shade Color Variation

#6f65a1
```
#6f65a1 rgb(111,101,161)
```
#7a71a8
```
#7a71a8 rgb(122,113,168)
```
#867db0
```
#867db0 rgb(134,125,176)
```
#9189b7
```
#9189b7 rgb(145,137,183)
```
#9c96bf
```
#9c96bf rgb(156,150,191)
```
#a8a2c6
```
#a8a2c6 rgb(168,162,198)
```
#b3aece
```
#b3aece rgb(179,174,206)
```
#bfbad5
```
#bfbad5 rgb(191,186,213)
```
#cac6dc
```
#cac6dc rgb(202,198,220)
```
#d5d3e4
```
#d5d3e4 rgb(213,211,228)
```
#e1dfeb
```
#e1dfeb rgb(225,223,235)
```
#ecebf3
```
#ecebf3 rgb(236,235,243)
```
#f8f7fa
```
#f8f7fa rgb(248,247,250)
```

Tint Color Variation

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

#656467
```
#656467 rgb(101,100,103)
```
#605d6e
```
#605d6e rgb(96,93,110)
```
#5a5576
```
#5a5576 rgb(90,85,118)
```
#554d7e
```
#554d7e rgb(85,77,126)
```
#504586
```
#504586 rgb(80,69,134)
```
#4a3d8e
```
#4a3d8e rgb(74,61,142)
```
#453695
```
#453695 rgb(69,54,149)
```
#402e9d
```
#402e9d rgb(64,46,157)
```
#3b26a5
```
#3b26a5 rgb(59,38,165)
```
#351ead
```
#351ead rgb(53,30,173)
```
#3016b5
```
#3016b5 rgb(48,22,181)
```
#2b0fbc
```
#2b0fbc rgb(43,15,188)
```
#2607c4
```
#2607c4 rgb(38,7,196)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55535d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5a88 Protanopia 1% of men
#4b5b82 Deuteranopia 1% of men
#555d64 Tritanopia 0.001% of the population

Trichromacy

#4e5584 Protanomaly 1% of men, 0.01% of women
#4e5680 Deuteranomaly 6% of men, 0.4% of women
#55576d Tritanomaly 0.01% of the population

#554d7e hex color

#554d7e Color Information

#554d7e Color Conversion

Color Schemes with #554d7e

Alternatives to #554d7e

#554d7e Preview

Shades and Tints of #554d7e

Tones of #554d7e

Color Blindness Simulator