#54506d hex color

In a RGB color space, hex #54506d is composed of 32.9% red, 31.4% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 26.6% magenta, 0% yellow and 57.3% black. It has a hue angle of 248.3 degrees, a saturation of 15.3% and a lightness of 37.1%. #54506d color hex could be obtained by blending #a8a0da with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #54506d has RGB values of R:84, G:80, B:109 and CMYK values of C:0.23, M:0.27, Y:0, K:0.57. Its decimal value is 5525613.

Hex triplet	54506d	`#54506d`
RGB Decimal	84, 80, 109	`rgb(84,80,109)`
RGB Percent	32.9, 31.4, 42.7	`rgb(32.9%,31.4%,42.7%)`
CMYK	23, 27, 0, 57
HSL	248.3°, 15.3, 37.1	`hsl(248.3,15.3%,37.1%)`
HSV (or HSB)	248.3°, 26.6, 42.7
Web Safe	666666	`#666666`

CIE-LAB	35.452, 8.5, -16.082
XYZ	9.285, 8.726, 15.662
xyY	0.276, 0.259, 8.726
CIE-LCH	35.452, 18.19, 297.857
CIE-LUV	35.452, 0.271, -22.457
Hunter-Lab	29.54, 4.408, -10.758
Binary	01010100, 01010000, 01101101

#54506d
```
#54506d rgb(84,80,109)
```
#696d50
```
#696d50 rgb(105,109,80)
```

Complementary Color

#505b6d
```
#505b6d rgb(80,91,109)
```
#54506d
```
#54506d rgb(84,80,109)
```
#63506d
```
#63506d rgb(99,80,109)
```

Analogous Color

#5b6d50
```
#5b6d50 rgb(91,109,80)
```
#54506d
```
#54506d rgb(84,80,109)
```
#6d6350
```
#6d6350 rgb(109,99,80)
```

Split Complementary Color

#506d54
```
#506d54 rgb(80,109,84)
```
#54506d
```
#54506d rgb(84,80,109)
```
#6d5450
```
#6d5450 rgb(109,84,80)
```

Triadic Color

#50696d
```
#50696d rgb(80,105,109)
```
#54506d
```
#54506d rgb(84,80,109)
```
#6d5450
```
#6d5450 rgb(109,84,80)
```
#696d50
```
#696d50 rgb(105,109,80)
```

Tetradic Color

#323041
```
#323041 rgb(50,48,65)
```
#3d3a50
```
#3d3a50 rgb(61,58,80)
```
#49455e
```
#49455e rgb(73,69,94)
```
#54506d
```
#54506d rgb(84,80,109)
```
#5f5b7c
```
#5f5b7c rgb(95,91,124)
```
#6b668a
```
#6b668a rgb(107,102,138)
```
#777298
```
#777298 rgb(119,114,152)
```

Monochromatic Color

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

#50536d
```
#50536d rgb(80,83,109)
```
#50516d
```
#50516d rgb(80,81,109)
```
#52506d
```
#52506d rgb(82,80,109)
```
#54506d
```
#54506d rgb(84,80,109)
```
#56506d
```
#56506d rgb(86,80,109)
```
#59506d
```
#59506d rgb(89,80,109)
```
#5b506d
```
#5b506d rgb(91,80,109)
```

Similar Colors

Text with hexadecimal color #54506d

This text has a font color of #54506d.

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

#54506d background color

This paragraph has a background color of #54506d.

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

#54506d border color

This element has a border color of #54506d.

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

CSS codes

.text {color:#54506d;}

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

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

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)
```
#0e0e12
```
#0e0e12 rgb(14,14,18)
```
#17161e
```
#17161e rgb(23,22,30)
```
#201e29
```
#201e29 rgb(32,30,41)
```
#282634
```
#282634 rgb(40,38,52)
```
#312f40
```
#312f40 rgb(49,47,64)
```
#3a374b
```
#3a374b rgb(58,55,75)
```
#433f56
```
#433f56 rgb(67,63,86)
```
#4b4862
```
#4b4862 rgb(75,72,98)
```
#54506d
```
#54506d rgb(84,80,109)
```
#5d5878
```
#5d5878 rgb(93,88,120)
```
#656184
```
#656184 rgb(101,97,132)
```
#6e698f
```
#6e698f rgb(110,105,143)
```

Shade Color Variation

#787398
```
#787398 rgb(120,115,152)
```
#837ea1
```
#837ea1 rgb(131,126,161)
```
#8e8aa9
```
#8e8aa9 rgb(142,138,169)
```
#9995b1
```
#9995b1 rgb(153,149,177)
```
#a4a0ba
```
#a4a0ba rgb(164,160,186)
```
#afacc2
```
#afacc2 rgb(175,172,194)
```
#bab7ca
```
#bab7ca rgb(186,183,202)
```
#c5c2d2
```
#c5c2d2 rgb(197,194,210)
```
#cfcedb
```
#cfcedb rgb(207,206,219)
```
#dad9e3
```
#dad9e3 rgb(218,217,227)
```
#e5e4eb
```
#e5e4eb rgb(229,228,235)
```
#f0f0f4
```
#f0f0f4 rgb(240,240,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#595766
```
#595766 rgb(89,87,102)
```
#54506d
```
#54506d rgb(84,80,109)
```
#4f4974
```
#4f4974 rgb(79,73,116)
```
#49417c
```
#49417c rgb(73,65,124)
```
#443a83
```
#443a83 rgb(68,58,131)
```
#3f338a
```
#3f338a rgb(63,51,138)
```
#3a2c91
```
#3a2c91 rgb(58,44,145)
```
#342499
```
#342499 rgb(52,36,153)
```
#2f1da0
```
#2f1da0 rgb(47,29,160)
```
#2a16a7
```
#2a16a7 rgb(42,22,167)
```
#250fae
```
#250fae rgb(37,15,174)
```
#1f07b6
```
#1f07b6 rgb(31,7,182)
```
#1a00bd
```
#1a00bd rgb(26,0,189)
```

Tone Color Variation

Below, you can see how #54506d 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

#545b76 Protanopia 1% of men
#575a74 Deuteranopia 1% of men
#595c63 Tritanopia 0.001% of the population

Trichromacy

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

#54506d hex color

#54506d Color Information

#54506d Color Conversion

Color Schemes with #54506d

Alternatives to #54506d

#54506d Preview

Shades and Tints of #54506d

Tones of #54506d

Color Blindness Simulator