#54506b hex color

In a RGB color space, hex #54506b is composed of 32.9% red, 31.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 25.2% magenta, 0% yellow and 58% black. It has a hue angle of 248.9 degrees, a saturation of 14.4% and a lightness of 36.7%. #54506b color hex could be obtained by blending #a8a0d6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 31
- B 42
RGB color chart
- C 21
- M 25
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #54506b has RGB values of R:84, G:80, B:107 and CMYK values of C:0.21, M:0.25, Y:0, K:0.58. Its decimal value is 5525611.

Hex triplet	54506b	`#54506b`
RGB Decimal	84, 80, 107	`rgb(84,80,107)`
RGB Percent	32.9, 31.4, 42	`rgb(32.9%,31.4%,42%)`
CMYK	21, 25, 0, 58
HSL	248.9°, 14.4, 36.7	`hsl(248.9,14.4%,36.7%)`
HSV (or HSB)	248.9°, 25.2, 42
Web Safe	666666	`#666666`

CIE-LAB	35.368, 7.978, -14.961
XYZ	9.178, 8.684, 15.102
xyY	0.278, 0.263, 8.684
CIE-LCH	35.368, 16.955, 298.067
CIE-LUV	35.368, 0.409, -20.823
Hunter-Lab	29.468, 4.027, -9.757
Binary	01010100, 01010000, 01101011

#54506b
```
#54506b rgb(84,80,107)
```
#676b50
```
#676b50 rgb(103,107,80)
```

Complementary Color

#505a6b
```
#505a6b rgb(80,90,107)
```
#54506b
```
#54506b rgb(84,80,107)
```
#62506b
```
#62506b rgb(98,80,107)
```

Analogous Color

#5a6b50
```
#5a6b50 rgb(90,107,80)
```
#54506b
```
#54506b rgb(84,80,107)
```
#6b6250
```
#6b6250 rgb(107,98,80)
```

Split Complementary Color

#506b54
```
#506b54 rgb(80,107,84)
```
#54506b
```
#54506b rgb(84,80,107)
```
#6b5450
```
#6b5450 rgb(107,84,80)
```

Triadic Color

#50676b
```
#50676b rgb(80,103,107)
```
#54506b
```
#54506b rgb(84,80,107)
```
#6b5450
```
#6b5450 rgb(107,84,80)
```
#676b50
```
#676b50 rgb(103,107,80)
```

Tetradic Color

#322f3f
```
#322f3f rgb(50,47,63)
```
#3d3a4e
```
#3d3a4e rgb(61,58,78)
```
#49455c
```
#49455c rgb(73,69,92)
```
#54506b
```
#54506b rgb(84,80,107)
```
#5f5b7a
```
#5f5b7a rgb(95,91,122)
```
#6b6688
```
#6b6688 rgb(107,102,136)
```
#777296
```
#777296 rgb(119,114,150)
```

Monochromatic Color

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

#50536b
```
#50536b rgb(80,83,107)
```
#50516b
```
#50516b rgb(80,81,107)
```
#52506b
```
#52506b rgb(82,80,107)
```
#54506b
```
#54506b rgb(84,80,107)
```
#56506b
```
#56506b rgb(86,80,107)
```
#59506b
```
#59506b rgb(89,80,107)
```
#5b506b
```
#5b506b rgb(91,80,107)
```

Similar Colors

Text with hexadecimal color #54506b

This text has a font color of #54506b.

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

#54506b background color

This paragraph has a background color of #54506b.

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

#54506b border color

This element has a border color of #54506b.

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

CSS codes

.text {color:#54506b;}

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

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

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

#050406
```
#050406 rgb(5,4,6)
```
#0e0d11
```
#0e0d11 rgb(14,13,17)
```
#16151c
```
#16151c rgb(22,21,28)
```
#1f1e28
```
#1f1e28 rgb(31,30,40)
```
#282633
```
#282633 rgb(40,38,51)
```
#312e3e
```
#312e3e rgb(49,46,62)
```
#3a3749
```
#3a3749 rgb(58,55,73)
```
#423f55
```
#423f55 rgb(66,63,85)
```
#4b4860
```
#4b4860 rgb(75,72,96)
```
#54506b
```
#54506b rgb(84,80,107)
```
#5d5876
```
#5d5876 rgb(93,88,118)
```
#666181
```
#666181 rgb(102,97,129)
```
#6e698d
```
#6e698d rgb(110,105,141)
```

Shade Color Variation

#787396
```
#787396 rgb(120,115,150)
```
#837e9f
```
#837e9f rgb(131,126,159)
```
#8e8aa7
```
#8e8aa7 rgb(142,138,167)
```
#9995b0
```
#9995b0 rgb(153,149,176)
```
#a4a0b8
```
#a4a0b8 rgb(164,160,184)
```
#aeabc0
```
#aeabc0 rgb(174,171,192)
```
#b9b6c9
```
#b9b6c9 rgb(185,182,201)
```
#c4c2d1
```
#c4c2d1 rgb(196,194,209)
```
#cfcdda
```
#cfcdda rgb(207,205,218)
```
#dad8e2
```
#dad8e2 rgb(218,216,226)
```
#e4e3ea
```
#e4e3ea rgb(228,227,234)
```
#efeff3
```
#efeff3 rgb(239,239,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#595764
```
#595764 rgb(89,87,100)
```
#54506b
```
#54506b rgb(84,80,107)
```
#4f4972
```
#4f4972 rgb(79,73,114)
```
#4a4279
```
#4a4279 rgb(74,66,121)
```
#453a81
```
#453a81 rgb(69,58,129)
```
#403388
```
#403388 rgb(64,51,136)
```
#3b2c8f
```
#3b2c8f rgb(59,44,143)
```
#362596
```
#362596 rgb(54,37,150)
```
#311e9d
```
#311e9d rgb(49,30,157)
```
#2c16a5
```
#2c16a5 rgb(44,22,165)
```
#260fac
```
#260fac rgb(38,15,172)
```
#2108b3
```
#2108b3 rgb(33,8,179)
```
#1c01ba
```
#1c01ba rgb(28,1,186)
```

Tone Color Variation

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

#555b74 Protanopia 1% of men
#585a72 Deuteranopia 1% of men
#595c62 Tritanopia 0.001% of the population

Trichromacy

#545770 Protanomaly 1% of men, 0.01% of women
#56566f Deuteranomaly 6% of men, 0.4% of women
#575765 Tritanomaly 0.01% of the population

#54506b hex color

#54506b Color Information

#54506b Color Conversion

Color Schemes with #54506b

Alternatives to #54506b

#54506b Preview

Shades and Tints of #54506b

Tones of #54506b

Color Blindness Simulator