#54626c hex color

In a RGB color space, hex #54626c is composed of 32.9% red, 38.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 9.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 205 degrees, a saturation of 12.5% and a lightness of 37.6%. #54626c color hex could be obtained by blending #a8c4d8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 38
- B 42
RGB color chart
- C 22
- M 9
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #54626c has RGB values of R:84, G:98, B:108 and CMYK values of C:0.22, M:0.09, Y:0, K:0.58. Its decimal value is 5530220.

Hex triplet	54626c	`#54626c`
RGB Decimal	84, 98, 108	`rgb(84,98,108)`
RGB Percent	32.9, 38.4, 42.4	`rgb(32.9%,38.4%,42.4%)`
CMYK	22, 9, 0, 58
HSL	205°, 12.5, 37.6	`hsl(205,12.5%,37.6%)`
HSV (or HSB)	205°, 22.2, 42.4
Web Safe	666666	`#666666`

CIE-LAB	40.74, -2.915, -7.449
XYZ	10.73, 11.703, 15.88
xyY	0.28, 0.305, 11.703
CIE-LCH	40.74, 7.999, 248.627
CIE-LUV	40.74, -7.6, -9.565
Hunter-Lab	34.209, -3.878, -3.576
Binary	01010100, 01100010, 01101100

#54626c
```
#54626c rgb(84,98,108)
```
#6c5e54
```
#6c5e54 rgb(108,94,84)
```

Complementary Color

#546c6a
```
#546c6a rgb(84,108,106)
```
#54626c
```
#54626c rgb(84,98,108)
```
#54566c
```
#54566c rgb(84,86,108)
```

Analogous Color

#6c6a54
```
#6c6a54 rgb(108,106,84)
```
#54626c
```
#54626c rgb(84,98,108)
```
#6c5456
```
#6c5456 rgb(108,84,86)
```

Split Complementary Color

#626c54
```
#626c54 rgb(98,108,84)
```
#54626c
```
#54626c rgb(84,98,108)
```
#6c5462
```
#6c5462 rgb(108,84,98)
```

Triadic Color

#546c5e
```
#546c5e rgb(84,108,94)
```
#54626c
```
#54626c rgb(84,98,108)
```
#6c5462
```
#6c5462 rgb(108,84,98)
```
#6c5e54
```
#6c5e54 rgb(108,94,84)
```

Tetradic Color

#333b41
```
#333b41 rgb(51,59,65)
```
#3e484f
```
#3e484f rgb(62,72,79)
```
#49555e
```
#49555e rgb(73,85,94)
```
#54626c
```
#54626c rgb(84,98,108)
```
#5f6f7a
```
#5f6f7a rgb(95,111,122)
```
#6a7c89
```
#6a7c89 rgb(106,124,137)
```
#778995
```
#778995 rgb(119,137,149)
```

Monochromatic Color

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

#54686c
```
#54686c rgb(84,104,108)
```
#54666c
```
#54666c rgb(84,102,108)
```
#54646c
```
#54646c rgb(84,100,108)
```
#54626c
```
#54626c rgb(84,98,108)
```
#54606c
```
#54606c rgb(84,96,108)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#545c6c
```
#545c6c rgb(84,92,108)
```

Similar Colors

Text with hexadecimal color #54626c

This text has a font color of #54626c.

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

#54626c background color

This paragraph has a background color of #54626c.

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

#54626c border color

This element has a border color of #54626c.

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

CSS codes

.text {color:#54626c;}

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

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

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 #fdfdfd is the lightest one.

#070809
```
#070809 rgb(7,8,9)
```
#0f1214
```
#0f1214 rgb(15,18,20)
```
#181c1f
```
#181c1f rgb(24,28,31)
```
#21262a
```
#21262a rgb(33,38,42)
```
#293035
```
#293035 rgb(41,48,53)
```
#323a40
```
#323a40 rgb(50,58,64)
```
#3a444b
```
#3a444b rgb(58,68,75)
```
#434e56
```
#434e56 rgb(67,78,86)
```
#4b5861
```
#4b5861 rgb(75,88,97)
```
#54626c
```
#54626c rgb(84,98,108)
```
#5d6c77
```
#5d6c77 rgb(93,108,119)
```
#657682
```
#657682 rgb(101,118,130)
```
#6e808d
```
#6e808d rgb(110,128,141)
```

Shade Color Variation

#788a96
```
#788a96 rgb(120,138,150)
```
#83939f
```
#83939f rgb(131,147,159)
```
#8e9da7
```
#8e9da7 rgb(142,157,167)
```
#99a7b0
```
#99a7b0 rgb(153,167,176)
```
#a4b0b9
```
#a4b0b9 rgb(164,176,185)
```
#afbac1
```
#afbac1 rgb(175,186,193)
```
#bac3ca
```
#bac3ca rgb(186,195,202)
```
#c5cdd2
```
#c5cdd2 rgb(197,205,210)
```
#d1d7db
```
#d1d7db rgb(209,215,219)
```
#dce0e3
```
#dce0e3 rgb(220,224,227)
```
#e7eaec
```
#e7eaec rgb(231,234,236)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#5b6165
```
#5b6165 rgb(91,97,101)
```
#54626c
```
#54626c rgb(84,98,108)
```
#4d6373
```
#4d6373 rgb(77,99,115)
```
#45647b
```
#45647b rgb(69,100,123)
```
#3e6682
```
#3e6682 rgb(62,102,130)
```
#36678a
```
#36678a rgb(54,103,138)
```
#2f6891
```
#2f6891 rgb(47,104,145)
```
#286998
```
#286998 rgb(40,105,152)
```
#206ba0
```
#206ba0 rgb(32,107,160)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#126dae
```
#126dae rgb(18,109,174)
```
#0a6eb6
```
#0a6eb6 rgb(10,110,182)
```
#0370bd
```
#0370bd rgb(3,112,189)
```

Tone Color Variation

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

#676772 Protanopia 1% of men
#6b6575 Deuteranopia 1% of men
#5c6a72 Tritanopia 0.001% of the population

Trichromacy

#60656f Protanomaly 1% of men, 0.01% of women
#636471 Deuteranomaly 6% of men, 0.4% of women
#59676f Tritanomaly 0.01% of the population

#54626c hex color

#54626c Color Information

#54626c Color Conversion

Color Schemes with #54626c

Alternatives to #54626c

#54626c Preview

Shades and Tints of #54626c

Tones of #54626c

Color Blindness Simulator