#554f7a hex color

In a RGB color space, hex #554f7a is composed of 33.3% red, 31% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 35.2% magenta, 0% yellow and 52.2% black. It has a hue angle of 248.4 degrees, a saturation of 21.4% and a lightness of 39.4%. #554f7a color hex could be obtained by blending #aa9ef4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 31
- B 48
RGB color chart
- C 30
- M 35
- Y 0
- K 52
CMYK color chart

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

The hexadecimal color #554f7a has RGB values of R:85, G:79, B:122 and CMYK values of C:0.3, M:0.35, Y:0, K:0.52. Its decimal value is 5590906.

Hex triplet	554f7a	`#554f7a`
RGB Decimal	85, 79, 122	`rgb(85,79,122)`
RGB Percent	33.3, 31, 47.8	`rgb(33.3%,31%,47.8%)`
CMYK	30, 35, 0, 52
HSL	248.4°, 21.4, 39.4	`hsl(248.4,21.4%,39.4%)`
HSV (or HSB)	248.4°, 35.2, 47.8
Web Safe	666666	`#666666`

CIE-LAB	35.846, 12.997, -23.546
XYZ	10.054, 8.928, 19.605
xyY	0.261, 0.231, 8.928
CIE-LCH	35.846, 26.895, 298.898
CIE-LUV	35.846, 0.224, -33.597
Hunter-Lab	29.88, 7.774, -17.985
Binary	01010101, 01001111, 01111010

#554f7a
```
#554f7a rgb(85,79,122)
```
#747a4f
```
#747a4f rgb(116,122,79)
```

Complementary Color

#4f5f7a
```
#4f5f7a rgb(79,95,122)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#6b4f7a
```
#6b4f7a rgb(107,79,122)
```

Analogous Color

#5f7a4f
```
#5f7a4f rgb(95,122,79)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#7a6b4f
```
#7a6b4f rgb(122,107,79)
```

Split Complementary Color

#4f7a55
```
#4f7a55 rgb(79,122,85)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#7a554f
```
#7a554f rgb(122,85,79)
```

Triadic Color

#4f747a
```
#4f747a rgb(79,116,122)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#7a554f
```
#7a554f rgb(122,85,79)
```
#747a4f
```
#747a4f rgb(116,122,79)
```

Tetradic Color

#35314c
```
#35314c rgb(53,49,76)
```
#3f3b5b
```
#3f3b5b rgb(63,59,91)
```
#4a456b
```
#4a456b rgb(74,69,107)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#605989
```
#605989 rgb(96,89,137)
```
#6b6399
```
#6b6399 rgb(107,99,153)
```
#7972a4
```
#7972a4 rgb(121,114,164)
```

Monochromatic Color

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

#4f547a
```
#4f547a rgb(79,84,122)
```
#4f507a
```
#4f507a rgb(79,80,122)
```
#514f7a
```
#514f7a rgb(81,79,122)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#594f7a
```
#594f7a rgb(89,79,122)
```
#5c4f7a
```
#5c4f7a rgb(92,79,122)
```
#604f7a
```
#604f7a rgb(96,79,122)
```

Similar Colors

Text with hexadecimal color #554f7a

This text has a font color of #554f7a.

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

#554f7a background color

This paragraph has a background color of #554f7a.

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

#554f7a border color

This element has a border color of #554f7a.

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

CSS codes

.text {color:#554f7a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0f
```
#0a0a0f rgb(10,10,15)
```
#13111b
```
#13111b rgb(19,17,27)
```
#1b1927
```
#1b1927 rgb(27,25,39)
```
#232133
```
#232133 rgb(35,33,51)
```
#2c283e
```
#2c283e rgb(44,40,62)
```
#34304a
```
#34304a rgb(52,48,74)
```
#3c3856
```
#3c3856 rgb(60,56,86)
```
#444062
```
#444062 rgb(68,64,98)
```
#4d476e
```
#4d476e rgb(77,71,110)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#5d5786
```
#5d5786 rgb(93,87,134)
```
#665e92
```
#665e92 rgb(102,94,146)
```

Shade Color Variation

#6f679d
```
#6f679d rgb(111,103,157)
```
#7a73a4
```
#7a73a4 rgb(122,115,164)
```
#857fac
```
#857fac rgb(133,127,172)
```
#918bb4
```
#918bb4 rgb(145,139,180)
```
#9c97bc
```
#9c97bc rgb(156,151,188)
```
#a7a3c3
```
#a7a3c3 rgb(167,163,195)
```
#b3afcb
```
#b3afcb rgb(179,175,203)
```
#bebbd3
```
#bebbd3 rgb(190,187,211)
```
#c9c6da
```
#c9c6da rgb(201,198,218)
```
#d5d2e2
```
#d5d2e2 rgb(213,210,226)
```
#e0deea
```
#e0deea rgb(224,222,234)
```
#ebeaf1
```
#ebeaf1 rgb(235,234,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605e6b is the less saturated color, while #1d02c7 is the most saturated one.

#605e6b
```
#605e6b rgb(96,94,107)
```
#5b5772
```
#5b5772 rgb(91,87,114)
```
#554f7a
```
#554f7a rgb(85,79,122)
```
#4f4782
```
#4f4782 rgb(79,71,130)
```
#4a4089
```
#4a4089 rgb(74,64,137)
```
#443891
```
#443891 rgb(68,56,145)
```
#3f3099
```
#3f3099 rgb(63,48,153)
```
#3928a1
```
#3928a1 rgb(57,40,161)
```
#3421a8
```
#3421a8 rgb(52,33,168)
```
#2e19b0
```
#2e19b0 rgb(46,25,176)
```
#2811b8
```
#2811b8 rgb(40,17,184)
```
#2309c0
```
#2309c0 rgb(35,9,192)
```
#1d02c7
```
#1d02c7 rgb(29,2,199)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#56555d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5b83 Protanopia 1% of men
#505c7f Deuteranopia 1% of men
#565e64 Tritanopia 0.001% of the population

Trichromacy

#515780 Protanomaly 1% of men, 0.01% of women
#51577d Deuteranomaly 6% of men, 0.4% of women
#56586c Tritanomaly 0.01% of the population

#554f7a hex color

#554f7a Color Information

#554f7a Color Conversion

Color Schemes with #554f7a

Alternatives to #554f7a

#554f7a Preview

Shades and Tints of #554f7a

Tones of #554f7a

Color Blindness Simulator