#554f6e hex color

In a RGB color space, hex #554f6e is composed of 33.3% red, 31% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 28.2% magenta, 0% yellow and 56.9% black. It has a hue angle of 251.6 degrees, a saturation of 16.4% and a lightness of 37.1%. #554f6e color hex could be obtained by blending #aa9edc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #554f6e has RGB values of R:85, G:79, B:110 and CMYK values of C:0.23, M:0.28, Y:0, K:0.57. Its decimal value is 5590894.

Hex triplet	554f6e	`#554f6e`
RGB Decimal	85, 79, 110	`rgb(85,79,110)`
RGB Percent	33.3, 31, 43.1	`rgb(33.3%,31%,43.1%)`
CMYK	23, 28, 0, 57
HSL	251.6°, 16.4, 37.1	`hsl(251.6,16.4%,37.1%)`
HSV (or HSB)	251.6°, 28.2, 43.1
Web Safe	666666	`#666666`

CIE-LAB	35.3, 9.746, -16.933
XYZ	9.356, 8.649, 15.927
xyY	0.276, 0.255, 8.649
CIE-LCH	35.3, 19.537, 299.924
CIE-LUV	35.3, 1.115, -23.767
Hunter-Lab	29.409, 5.322, -11.524
Binary	01010101, 01001111, 01101110

#554f6e
```
#554f6e rgb(85,79,110)
```
#686e4f
```
#686e4f rgb(104,110,79)
```

Complementary Color

#4f596e
```
#4f596e rgb(79,89,110)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#654f6e
```
#654f6e rgb(101,79,110)
```

Analogous Color

#596e4f
```
#596e4f rgb(89,110,79)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#6e654f
```
#6e654f rgb(110,101,79)
```

Split Complementary Color

#4f6e55
```
#4f6e55 rgb(79,110,85)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#6e554f
```
#6e554f rgb(110,85,79)
```

Triadic Color

#4f686e
```
#4f686e rgb(79,104,110)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#6e554f
```
#6e554f rgb(110,85,79)
```
#686e4f
```
#686e4f rgb(104,110,79)
```

Tetradic Color

#332f41
```
#332f41 rgb(51,47,65)
```
#3e3a50
```
#3e3a50 rgb(62,58,80)
```
#4a445f
```
#4a445f rgb(74,68,95)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#605a7d
```
#605a7d rgb(96,90,125)
```
#6c648c
```
#6c648c rgb(108,100,140)
```
#787199
```
#787199 rgb(120,113,153)
```

Monochromatic Color

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

#4f516e
```
#4f516e rgb(79,81,110)
```
#504f6e
```
#504f6e rgb(80,79,110)
```
#524f6e
```
#524f6e rgb(82,79,110)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#584f6e
```
#584f6e rgb(88,79,110)
```
#5a4f6e
```
#5a4f6e rgb(90,79,110)
```
#5d4f6e
```
#5d4f6e rgb(93,79,110)
```

Similar Colors

Text with hexadecimal color #554f6e

This text has a font color of #554f6e.

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

#554f6e background color

This paragraph has a background color of #554f6e.

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

#554f6e border color

This element has a border color of #554f6e.

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

CSS codes

.text {color:#554f6e;}

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

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

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

#060507
```
#060507 rgb(6,5,7)
```
#0e0d13
```
#0e0d13 rgb(14,13,19)
```
#17161e
```
#17161e rgb(23,22,30)
```
#201e2a
```
#201e2a rgb(32,30,42)
```
#292635
```
#292635 rgb(41,38,53)
```
#322e40
```
#322e40 rgb(50,46,64)
```
#3b364c
```
#3b364c rgb(59,54,76)
```
#433f57
```
#433f57 rgb(67,63,87)
```
#4c4763
```
#4c4763 rgb(76,71,99)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#5e5779
```
#5e5779 rgb(94,87,121)
```
#675f85
```
#675f85 rgb(103,95,133)
```
#6f6890
```
#6f6890 rgb(111,104,144)
```

Shade Color Variation

#7a729a
```
#7a729a rgb(122,114,154)
```
#847da2
```
#847da2 rgb(132,125,162)
```
#8f89aa
```
#8f89aa rgb(143,137,170)
```
#9a94b2
```
#9a94b2 rgb(154,148,178)
```
#a5a0ba
```
#a5a0ba rgb(165,160,186)
```
#b0abc3
```
#b0abc3 rgb(176,171,195)
```
#bab6cb
```
#bab6cb rgb(186,182,203)
```
#c5c2d3
```
#c5c2d3 rgb(197,194,211)
```
#d0cddb
```
#d0cddb rgb(208,205,219)
```
#dbd9e3
```
#dbd9e3 rgb(219,217,227)
```
#e5e4ec
```
#e5e4ec rgb(229,228,236)
```
#f0eff4
```
#f0eff4 rgb(240,239,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#5e5e5f
```
#5e5e5f rgb(94,94,95)
```
#595667
```
#595667 rgb(89,86,103)
```
#554f6e
```
#554f6e rgb(85,79,110)
```
#514875
```
#514875 rgb(81,72,117)
```
#4c407d
```
#4c407d rgb(76,64,125)
```
#483984
```
#483984 rgb(72,57,132)
```
#43328b
```
#43328b rgb(67,50,139)
```
#3f2b92
```
#3f2b92 rgb(63,43,146)
```
#3a239a
```
#3a239a rgb(58,35,154)
```
#361ca1
```
#361ca1 rgb(54,28,161)
```
#3115a8
```
#3115a8 rgb(49,21,168)
```
#2d0eaf
```
#2d0eaf rgb(45,14,175)
```
#2806b7
```
#2806b7 rgb(40,6,183)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#545359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535a77 Protanopia 1% of men
#565a74 Deuteranopia 1% of men
#595b62 Tritanopia 0.001% of the population

Trichromacy

#545673 Protanomaly 1% of men, 0.01% of women
#555672 Deuteranomaly 6% of men, 0.4% of women
#575766 Tritanomaly 0.01% of the population

#554f6e hex color

#554f6e Color Information

#554f6e Color Conversion

Color Schemes with #554f6e

Alternatives to #554f6e

#554f6e Preview

Shades and Tints of #554f6e

Tones of #554f6e

Color Blindness Simulator