#554b6e hex color

In a RGB color space, hex #554b6e is composed of 33.3% red, 29.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 31.8% magenta, 0% yellow and 56.9% black. It has a hue angle of 257.1 degrees, a saturation of 18.9% and a lightness of 36.3%. #554b6e color hex could be obtained by blending #aa96dc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 29
- B 43
RGB color chart
- C 23
- M 32
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #554b6e has RGB values of R:85, G:75, B:110 and CMYK values of C:0.23, M:0.32, Y:0, K:0.57. Its decimal value is 5589870.

Hex triplet	554b6e	`#554b6e`
RGB Decimal	85, 75, 110	`rgb(85,75,110)`
RGB Percent	33.3, 29.4, 43.1	`rgb(33.3%,29.4%,43.1%)`
CMYK	23, 32, 0, 57
HSL	257.1°, 18.9, 36.3	`hsl(257.1,18.9%,36.3%)`
HSV (or HSB)	257.1°, 31.8, 43.1
Web Safe	663366	`#663366`

CIE-LAB	34.168, 12.298, -18.677
XYZ	9.076, 8.089, 15.834
xyY	0.275, 0.245, 8.089
CIE-LCH	34.168, 22.363, 303.363
CIE-LUV	34.168, 2.762, -26.269
Hunter-Lab	28.442, 7.191, -13.099
Binary	01010101, 01001011, 01101110

#554b6e
```
#554b6e rgb(85,75,110)
```
#646e4b
```
#646e4b rgb(100,110,75)
```

Complementary Color

#4b536e
```
#4b536e rgb(75,83,110)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#674b6e
```
#674b6e rgb(103,75,110)
```

Analogous Color

#536e4b
```
#536e4b rgb(83,110,75)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#6e674b
```
#6e674b rgb(110,103,75)
```

Split Complementary Color

#4b6e55
```
#4b6e55 rgb(75,110,85)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#6e554b
```
#6e554b rgb(110,85,75)
```

Triadic Color

#4b646e
```
#4b646e rgb(75,100,110)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#6e554b
```
#6e554b rgb(110,85,75)
```
#646e4b
```
#646e4b rgb(100,110,75)
```

Tetradic Color

#322c41
```
#322c41 rgb(50,44,65)
```
#3e3650
```
#3e3650 rgb(62,54,80)
```
#49415f
```
#49415f rgb(73,65,95)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#61557d
```
#61557d rgb(97,85,125)
```
#6c608c
```
#6c608c rgb(108,96,140)
```
#796b9a
```
#796b9a rgb(121,107,154)
```

Monochromatic Color

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

#4c4b6e
```
#4c4b6e rgb(76,75,110)
```
#4f4b6e
```
#4f4b6e rgb(79,75,110)
```
#524b6e
```
#524b6e rgb(82,75,110)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#584b6e
```
#584b6e rgb(88,75,110)
```
#5b4b6e
```
#5b4b6e rgb(91,75,110)
```
#5e4b6e
```
#5e4b6e rgb(94,75,110)
```

Similar Colors

Text with hexadecimal color #554b6e

This text has a font color of #554b6e.

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

#554b6e background color

This paragraph has a background color of #554b6e.

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

#554b6e border color

This element has a border color of #554b6e.

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

CSS codes

.text {color:#554b6e;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0d0b11
```
#0d0b11 rgb(13,11,17)
```
#16131c
```
#16131c rgb(22,19,28)
```
#1f1b28
```
#1f1b28 rgb(31,27,40)
```
#282334
```
#282334 rgb(40,35,52)
```
#312b3f
```
#312b3f rgb(49,43,63)
```
#3a334b
```
#3a334b rgb(58,51,75)
```
#433b57
```
#433b57 rgb(67,59,87)
```
#4c4362
```
#4c4362 rgb(76,67,98)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#5e537a
```
#5e537a rgb(94,83,122)
```
#675b85
```
#675b85 rgb(103,91,133)
```
#706391
```
#706391 rgb(112,99,145)
```

Shade Color Variation

#7a6c9b
```
#7a6c9b rgb(122,108,155)
```
#8478a3
```
#8478a3 rgb(132,120,163)
```
#8f84ab
```
#8f84ab rgb(143,132,171)
```
#9a8fb3
```
#9a8fb3 rgb(154,143,179)
```
#a49bbb
```
#a49bbb rgb(164,155,187)
```
#afa7c3
```
#afa7c3 rgb(175,167,195)
```
#b9b2cb
```
#b9b2cb rgb(185,178,203)
```
#c4bed3
```
#c4bed3 rgb(196,190,211)
```
#cfcadb
```
#cfcadb rgb(207,202,219)
```
#d9d5e3
```
#d9d5e3 rgb(217,213,227)
```
#e4e1eb
```
#e4e1eb rgb(228,225,235)
```
#eeedf3
```
#eeedf3 rgb(238,237,243)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#5b5960
```
#5b5960 rgb(91,89,96)
```
#585267
```
#585267 rgb(88,82,103)
```
#554b6e
```
#554b6e rgb(85,75,110)
```
#524475
```
#524475 rgb(82,68,117)
```
#4f3d7c
```
#4f3d7c rgb(79,61,124)
```
#4c3683
```
#4c3683 rgb(76,54,131)
```
#492f8a
```
#492f8a rgb(73,47,138)
```
#462792
```
#462792 rgb(70,39,146)
```
#432099
```
#432099 rgb(67,32,153)
```
#4019a0
```
#4019a0 rgb(64,25,160)
```
#3d12a7
```
#3d12a7 rgb(61,18,167)
```
#3a0bae
```
#3a0bae rgb(58,11,174)
```
#3704b5
```
#3704b5 rgb(55,4,181)
```

Tone Color Variation

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

Dichromacy

#4f5878 Protanopia 1% of men
#515874 Deuteranopia 1% of men
#59585f Tritanopia 0.001% of the population

Trichromacy

#515374 Protanomaly 1% of men, 0.01% of women
#535371 Deuteranomaly 6% of men, 0.4% of women
#575364 Tritanomaly 0.01% of the population

#554b6e hex color

#554b6e Color Information

#554b6e Color Conversion

Color Schemes with #554b6e

Alternatives to #554b6e

#554b6e Preview

Shades and Tints of #554b6e

Tones of #554b6e

Color Blindness Simulator