#54506f hex color

In a RGB color space, hex #54506f is composed of 32.9% red, 31.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 27.9% magenta, 0% yellow and 56.5% black. It has a hue angle of 247.7 degrees, a saturation of 16.2% and a lightness of 37.5%. #54506f color hex could be obtained by blending #a8a0de with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 31
- B 44
RGB color chart
- C 24
- M 28
- Y 0
- K 56
CMYK color chart

● #54506f color description : Very dark grayish blue.

The hexadecimal color #54506f has RGB values of R:84, G:80, B:111 and CMYK values of C:0.24, M:0.28, Y:0, K:0.56. Its decimal value is 5525615.

Hex triplet	54506f	`#54506f`
RGB Decimal	84, 80, 111	`rgb(84,80,111)`
RGB Percent	32.9, 31.4, 43.5	`rgb(32.9%,31.4%,43.5%)`
CMYK	24, 28, 0, 56
HSL	247.7°, 16.2, 37.5	`hsl(247.7,16.2%,37.5%)`
HSV (or HSB)	247.7°, 27.9, 43.5
Web Safe	666666	`#666666`

CIE-LAB	35.537, 9.028, -17.199
XYZ	9.394, 8.77, 16.236
xyY	0.273, 0.255, 8.77
CIE-LCH	35.537, 19.424, 297.696
CIE-LUV	35.537, 0.132, -24.095
Hunter-Lab	29.614, 4.796, -11.776
Binary	01010100, 01010000, 01101111

#54506f
```
#54506f rgb(84,80,111)
```
#6b6f50
```
#6b6f50 rgb(107,111,80)
```

Complementary Color

#505c6f
```
#505c6f rgb(80,92,111)
```
#54506f
```
#54506f rgb(84,80,111)
```
#64506f
```
#64506f rgb(100,80,111)
```

Analogous Color

#5c6f50
```
#5c6f50 rgb(92,111,80)
```
#54506f
```
#54506f rgb(84,80,111)
```
#6f6450
```
#6f6450 rgb(111,100,80)
```

Split Complementary Color

#506f54
```
#506f54 rgb(80,111,84)
```
#54506f
```
#54506f rgb(84,80,111)
```
#6f5450
```
#6f5450 rgb(111,84,80)
```

Triadic Color

#506b6f
```
#506b6f rgb(80,107,111)
```
#54506f
```
#54506f rgb(84,80,111)
```
#6f5450
```
#6f5450 rgb(111,84,80)
```
#6b6f50
```
#6b6f50 rgb(107,111,80)
```

Tetradic Color

#323043
```
#323043 rgb(50,48,67)
```
#3e3b51
```
#3e3b51 rgb(62,59,81)
```
#494560
```
#494560 rgb(73,69,96)
```
#54506f
```
#54506f rgb(84,80,111)
```
#5f5b7e
```
#5f5b7e rgb(95,91,126)
```
#6a658d
```
#6a658d rgb(106,101,141)
```
#777299
```
#777299 rgb(119,114,153)
```

Monochromatic Color

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

#50546f
```
#50546f rgb(80,84,111)
```
#50516f
```
#50516f rgb(80,81,111)
```
#51506f
```
#51506f rgb(81,80,111)
```
#54506f
```
#54506f rgb(84,80,111)
```
#57506f
```
#57506f rgb(87,80,111)
```
#59506f
```
#59506f rgb(89,80,111)
```
#5c506f
```
#5c506f rgb(92,80,111)
```

Similar Colors

Text with hexadecimal color #54506f

This text has a font color of #54506f.

<span style="color:#54506f;">Text here</span>

#54506f background color

This paragraph has a background color of #54506f.

<p style="background-color:#54506f;">Content here</p>

#54506f border color

This element has a border color of #54506f.

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

CSS codes

.text {color:#54506f;}

.background {background-color:#54506f;}

.border {border:1px solid #54506f;}

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

#060608
```
#060608 rgb(6,6,8)
```
#0f0e14
```
#0f0e14 rgb(15,14,20)
```
#18161f
```
#18161f rgb(24,22,31)
```
#201f2b
```
#201f2b rgb(32,31,43)
```
#292736
```
#292736 rgb(41,39,54)
```
#312f41
```
#312f41 rgb(49,47,65)
```
#3a374d
```
#3a374d rgb(58,55,77)
```
#434058
```
#434058 rgb(67,64,88)
```
#4b4864
```
#4b4864 rgb(75,72,100)
```
#54506f
```
#54506f rgb(84,80,111)
```
#5d587a
```
#5d587a rgb(93,88,122)
```
#656086
```
#656086 rgb(101,96,134)
```
#6e6991
```
#6e6991 rgb(110,105,145)
```

Shade Color Variation

#78739a
```
#78739a rgb(120,115,154)
```
#837fa2
```
#837fa2 rgb(131,127,162)
```
#8e8aab
```
#8e8aab rgb(142,138,171)
```
#9995b3
```
#9995b3 rgb(153,149,179)
```
#a4a1bb
```
#a4a1bb rgb(164,161,187)
```
#afacc3
```
#afacc3 rgb(175,172,195)
```
#bab8cc
```
#bab8cc rgb(186,184,204)
```
#c5c3d4
```
#c5c3d4 rgb(197,195,212)
```
#d0cedc
```
#d0cedc rgb(208,206,220)
```
#dbdae4
```
#dbdae4 rgb(219,218,228)
```
#e6e5ec
```
#e6e5ec rgb(230,229,236)
```
#f1f1f5
```
#f1f1f5 rgb(241,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#595768
```
#595768 rgb(89,87,104)
```
#54506f
```
#54506f rgb(84,80,111)
```
#4f4976
```
#4f4976 rgb(79,73,118)
```
#49417e
```
#49417e rgb(73,65,126)
```
#443a85
```
#443a85 rgb(68,58,133)
```
#3e338c
```
#3e338c rgb(62,51,140)
```
#392b94
```
#392b94 rgb(57,43,148)
```
#33249b
```
#33249b rgb(51,36,155)
```
#2e1da2
```
#2e1da2 rgb(46,29,162)
```
#2815aa
```
#2815aa rgb(40,21,170)
```
#230eb1
```
#230eb1 rgb(35,14,177)
```
#1d07b8
```
#1d07b8 rgb(29,7,184)
```

Tone Color Variation

Below, you can see how #54506f 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
#55545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#535b78 Protanopia 1% of men
#565b75 Deuteranopia 1% of men
#585c63 Tritanopia 0.001% of the population

Trichromacy

#535774 Protanomaly 1% of men, 0.01% of women
#555773 Deuteranomaly 6% of men, 0.4% of women
#565867 Tritanomaly 0.01% of the population

#54506f hex color

#54506f Color Information

#54506f Color Conversion

Color Schemes with #54506f

Alternatives to #54506f

#54506f Preview

Shades and Tints of #54506f

Tones of #54506f

Color Blindness Simulator