#54626d hex color

In a RGB color space, hex #54626d is composed of 32.9% red, 38.4% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 10.1% magenta, 0% yellow and 57.3% black. It has a hue angle of 206.4 degrees, a saturation of 13% and a lightness of 37.8%. #54626d color hex could be obtained by blending #a8c4da with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #54626d has RGB values of R:84, G:98, B:109 and CMYK values of C:0.23, M:0.1, Y:0, K:0.57. Its decimal value is 5530221.

Hex triplet	54626d	`#54626d`
RGB Decimal	84, 98, 109	`rgb(84,98,109)`
RGB Percent	32.9, 38.4, 42.7	`rgb(32.9%,38.4%,42.7%)`
CMYK	23, 10, 0, 57
HSL	206.4°, 13, 37.8	`hsl(206.4,13%,37.8%)`
HSV (or HSB)	206.4°, 22.9, 42.7
Web Safe	666666	`#666666`

CIE-LAB	40.774, -2.663, -8.008
XYZ	10.784, 11.724, 16.162
xyY	0.279, 0.303, 11.724
CIE-LCH	40.774, 8.439, 251.608
CIE-LUV	40.774, -7.629, -10.378
Hunter-Lab	34.24, -3.705, -4.017
Binary	01010100, 01100010, 01101101

#54626d
```
#54626d rgb(84,98,109)
```
#6d5f54
```
#6d5f54 rgb(109,95,84)
```

Complementary Color

#546d6c
```
#546d6c rgb(84,109,108)
```
#54626d
```
#54626d rgb(84,98,109)
```
#54566d
```
#54566d rgb(84,86,109)
```

Analogous Color

#6d6c54
```
#6d6c54 rgb(109,108,84)
```
#54626d
```
#54626d rgb(84,98,109)
```
#6d5456
```
#6d5456 rgb(109,84,86)
```

Split Complementary Color

#626d54
```
#626d54 rgb(98,109,84)
```
#54626d
```
#54626d rgb(84,98,109)
```
#6d5462
```
#6d5462 rgb(109,84,98)
```

Triadic Color

#546d5f
```
#546d5f rgb(84,109,95)
```
#54626d
```
#54626d rgb(84,98,109)
```
#6d5462
```
#6d5462 rgb(109,84,98)
```
#6d5f54
```
#6d5f54 rgb(109,95,84)
```

Tetradic Color

#333b42
```
#333b42 rgb(51,59,66)
```
#3e4850
```
#3e4850 rgb(62,72,80)
```
#49555f
```
#49555f rgb(73,85,95)
```
#54626d
```
#54626d rgb(84,98,109)
```
#5f6f7b
```
#5f6f7b rgb(95,111,123)
```
#6a7c8a
```
#6a7c8a rgb(106,124,138)
```
#778996
```
#778996 rgb(119,137,150)
```

Monochromatic Color

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

#54686d
```
#54686d rgb(84,104,109)
```
#54666d
```
#54666d rgb(84,102,109)
```
#54646d
```
#54646d rgb(84,100,109)
```
#54626d
```
#54626d rgb(84,98,109)
```
#54606d
```
#54606d rgb(84,96,109)
```
#545e6d
```
#545e6d rgb(84,94,109)
```
#545c6d
```
#545c6d rgb(84,92,109)
```

Similar Colors

Text with hexadecimal color #54626d

This text has a font color of #54626d.

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

#54626d background color

This paragraph has a background color of #54626d.

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

#54626d border color

This element has a border color of #54626d.

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

CSS codes

.text {color:#54626d;}

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

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

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

#070809
```
#070809 rgb(7,8,9)
```
#101214
```
#101214 rgb(16,18,20)
```
#181c1f
```
#181c1f rgb(24,28,31)
```
#21262b
```
#21262b rgb(33,38,43)
```
#293036
```
#293036 rgb(41,48,54)
```
#323a41
```
#323a41 rgb(50,58,65)
```
#3a444c
```
#3a444c rgb(58,68,76)
```
#434e57
```
#434e57 rgb(67,78,87)
```
#4b5862
```
#4b5862 rgb(75,88,98)
```
#54626d
```
#54626d rgb(84,98,109)
```
#5d6c78
```
#5d6c78 rgb(93,108,120)
```
#657683
```
#657683 rgb(101,118,131)
```
#6e808e
```
#6e808e rgb(110,128,142)
```

Shade Color Variation

#788a97
```
#788a97 rgb(120,138,151)
```
#8393a0
```
#8393a0 rgb(131,147,160)
```
#8e9da8
```
#8e9da8 rgb(142,157,168)
```
#9aa7b1
```
#9aa7b1 rgb(154,167,177)
```
#a5b0b9
```
#a5b0b9 rgb(165,176,185)
```
#b0bac2
```
#b0bac2 rgb(176,186,194)
```
#bbc4ca
```
#bbc4ca rgb(187,196,202)
```
#c6cdd3
```
#c6cdd3 rgb(198,205,211)
```
#d1d7db
```
#d1d7db rgb(209,215,219)
```
#dce0e4
```
#dce0e4 rgb(220,224,228)
```
#e7eaed
```
#e7eaed rgb(231,234,237)
```
#f2f4f5
```
#f2f4f5 rgb(242,244,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5b6166
```
#5b6166 rgb(91,97,102)
```
#54626d
```
#54626d rgb(84,98,109)
```
#4d6374
```
#4d6374 rgb(77,99,116)
```
#45647c
```
#45647c rgb(69,100,124)
```
#3e6583
```
#3e6583 rgb(62,101,131)
```
#36668b
```
#36668b rgb(54,102,139)
```
#2f6692
```
#2f6692 rgb(47,102,146)
```
#27679a
```
#27679a rgb(39,103,154)
```
#2068a1
```
#2068a1 rgb(32,104,161)
```
#1969a8
```
#1969a8 rgb(25,105,168)
```
#116ab0
```
#116ab0 rgb(17,106,176)
```
#0a6bb7
```
#0a6bb7 rgb(10,107,183)
```
#026cbf
```
#026cbf rgb(2,108,191)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d6062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666773 Protanopia 1% of men
#6b6576 Deuteranopia 1% of men
#5c6a72 Tritanopia 0.001% of the population

Trichromacy

#5f6570 Protanomaly 1% of men, 0.01% of women
#626472 Deuteranomaly 6% of men, 0.4% of women
#596770 Tritanomaly 0.01% of the population

#54626d hex color

#54626d Color Information

#54626d Color Conversion

Color Schemes with #54626d

Alternatives to #54626d

#54626d Preview

Shades and Tints of #54626d

Tones of #54626d

Color Blindness Simulator