#554d80 hex color

In a RGB color space, hex #554d80 is composed of 33.3% red, 30.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 39.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 249.4 degrees, a saturation of 24.9% and a lightness of 40.2%. #554d80 color hex could be obtained by blending #aa9aff with #000001. Closest websafe color is: #666699.

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

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

The hexadecimal color #554d80 has RGB values of R:85, G:77, B:128 and CMYK values of C:0.34, M:0.4, Y:0, K:0.5. Its decimal value is 5590400.

Hex triplet	554d80	`#554d80`
RGB Decimal	85, 77, 128	`rgb(85,77,128)`
RGB Percent	33.3, 30.2, 50.2	`rgb(33.3%,30.2%,50.2%)`
CMYK	34, 40, 0, 50
HSL	249.4°, 24.9, 40.2	`hsl(249.4,24.9%,40.2%)`
HSV (or HSB)	249.4°, 39.8, 50.2
Web Safe	666699	`#666699`

CIE-LAB	35.591, 15.971, -27.651
XYZ	10.296, 8.797, 21.577
xyY	0.253, 0.216, 8.797
CIE-LCH	35.591, 31.932, 300.01
CIE-LUV	35.591, 0.52, -39.705
Hunter-Lab	29.66, 10.055, -22.368
Binary	01010101, 01001101, 10000000

#554d80
```
#554d80 rgb(85,77,128)
```
#78804d
```
#78804d rgb(120,128,77)
```

Complementary Color

#4d5f80
```
#4d5f80 rgb(77,95,128)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#6f4d80
```
#6f4d80 rgb(111,77,128)
```

Analogous Color

#5f804d
```
#5f804d rgb(95,128,77)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#806f4d
```
#806f4d rgb(128,111,77)
```

Split Complementary Color

#4d8055
```
#4d8055 rgb(77,128,85)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#80554d
```
#80554d rgb(128,85,77)
```

Triadic Color

#4d7880
```
#4d7880 rgb(77,120,128)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#80554d
```
#80554d rgb(128,85,77)
```
#78804d
```
#78804d rgb(120,128,77)
```

Tetradic Color

#353050
```
#353050 rgb(53,48,80)
```
#403a60
```
#403a60 rgb(64,58,96)
```
#4a4370
```
#4a4370 rgb(74,67,112)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#605790
```
#605790 rgb(96,87,144)
```
#6a60a0
```
#6a60a0 rgb(106,96,160)
```
#7970a9
```
#7970a9 rgb(121,112,169)
```

Monochromatic Color

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

#4d5280
```
#4d5280 rgb(77,82,128)
```
#4d4e80
```
#4d4e80 rgb(77,78,128)
```
#514d80
```
#514d80 rgb(81,77,128)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#594d80
```
#594d80 rgb(89,77,128)
```
#5e4d80
```
#5e4d80 rgb(94,77,128)
```
#624d80
```
#624d80 rgb(98,77,128)
```

Similar Colors

Text with hexadecimal color #554d80

This text has a font color of #554d80.

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

#554d80 background color

This paragraph has a background color of #554d80.

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

#554d80 border color

This element has a border color of #554d80.

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

CSS codes

.text {color:#554d80;}

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

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0c0b12
```
#0c0b12 rgb(12,11,18)
```
#14121e
```
#14121e rgb(20,18,30)
```
#1c192a
```
#1c192a rgb(28,25,42)
```
#242137
```
#242137 rgb(36,33,55)
```
#2c2843
```
#2c2843 rgb(44,40,67)
```
#34304f
```
#34304f rgb(52,48,79)
```
#3d375b
```
#3d375b rgb(61,55,91)
```
#453e68
```
#453e68 rgb(69,62,104)
```
#4d4674
```
#4d4674 rgb(77,70,116)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#5d548c
```
#5d548c rgb(93,84,140)
```
#655c98
```
#655c98 rgb(101,92,152)
```

Shade Color Variation

#6f65a3
```
#6f65a3 rgb(111,101,163)
```
#7a72aa
```
#7a72aa rgb(122,114,170)
```
#867eb1
```
#867eb1 rgb(134,126,177)
```
#918ab9
```
#918ab9 rgb(145,138,185)
```
#9d96c0
```
#9d96c0 rgb(157,150,192)
```
#a8a3c7
```
#a8a3c7 rgb(168,163,199)
```
#b4afcf
```
#b4afcf rgb(180,175,207)
```
#bfbbd6
```
#bfbbd6 rgb(191,187,214)
```
#cbc7dd
```
#cbc7dd rgb(203,199,221)
```
#d6d4e5
```
#d6d4e5 rgb(214,212,229)
```
#e2e0ec
```
#e2e0ec rgb(226,224,236)
```
#edecf4
```
#edecf4 rgb(237,236,244)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#656568
```
#656568 rgb(101,101,104)
```
#605d70
```
#605d70 rgb(96,93,112)
```
#5a5578
```
#5a5578 rgb(90,85,120)
```
#554d80
```
#554d80 rgb(85,77,128)
```
#504588
```
#504588 rgb(80,69,136)
```
#4a3d90
```
#4a3d90 rgb(74,61,144)
```
#453598
```
#453598 rgb(69,53,152)
```
#3f2da0
```
#3f2da0 rgb(63,45,160)
```
#3a26a7
```
#3a26a7 rgb(58,38,167)
```
#351eaf
```
#351eaf rgb(53,30,175)
```
#2f16b7
```
#2f16b7 rgb(47,22,183)
```
#2a0ebf
```
#2a0ebf rgb(42,14,191)
```
#2406c7
```
#2406c7 rgb(36,6,199)
```

Tone Color Variation

Below, you can see how #554d80 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
#55535e Atypical Achromatopsia 0.001% of the population

Dichromacy

#495b8a Protanopia 1% of men
#495c84 Deuteranopia 1% of men
#555d64 Tritanopia 0.001% of the population

Trichromacy

#4d5586 Protanomaly 1% of men, 0.01% of women
#4d5682 Deuteranomaly 6% of men, 0.4% of women
#55576e Tritanomaly 0.01% of the population

#554d80 hex color

#554d80 Color Information

#554d80 Color Conversion

Color Schemes with #554d80

Alternatives to #554d80

#554d80 Preview

Shades and Tints of #554d80

Tones of #554d80

Color Blindness Simulator