#54606c hex color

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

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

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

The hexadecimal color #54606c has RGB values of R:84, G:96, B:108 and CMYK values of C:0.22, M:0.11, Y:0, K:0.58. Its decimal value is 5529708.

Hex triplet	54606c	`#54606c`
RGB Decimal	84, 96, 108	`rgb(84,96,108)`
RGB Percent	32.9, 37.6, 42.4	`rgb(32.9%,37.6%,42.4%)`
CMYK	22, 11, 0, 58
HSL	210°, 12.5, 37.6	`hsl(210,12.5%,37.6%)`
HSV (or HSB)	210°, 22.2, 42.4
Web Safe	666666	`#666666`

CIE-LAB	40.136, -1.708, -8.353
XYZ	10.545, 11.333, 15.818
xyY	0.28, 0.301, 11.333
CIE-LCH	40.136, 8.526, 258.444
CIE-LUV	40.136, -6.696, -10.942
Hunter-Lab	33.665, -2.999, -4.294
Binary	01010100, 01100000, 01101100

#54606c
```
#54606c rgb(84,96,108)
```
#6c6054
```
#6c6054 rgb(108,96,84)
```

Complementary Color

#546c6c
```
#546c6c rgb(84,108,108)
```
#54606c
```
#54606c rgb(84,96,108)
```
#54546c
```
#54546c rgb(84,84,108)
```

Analogous Color

#6c6c54
```
#6c6c54 rgb(108,108,84)
```
#54606c
```
#54606c rgb(84,96,108)
```
#6c5454
```
#6c5454 rgb(108,84,84)
```

Split Complementary Color

#606c54
```
#606c54 rgb(96,108,84)
```
#54606c
```
#54606c rgb(84,96,108)
```
#6c5460
```
#6c5460 rgb(108,84,96)
```

Triadic Color

#546c60
```
#546c60 rgb(84,108,96)
```
#54606c
```
#54606c rgb(84,96,108)
```
#6c5460
```
#6c5460 rgb(108,84,96)
```
#6c6054
```
#6c6054 rgb(108,96,84)
```

Tetradic Color

#333a41
```
#333a41 rgb(51,58,65)
```
#3e474f
```
#3e474f rgb(62,71,79)
```
#49535e
```
#49535e rgb(73,83,94)
```
#54606c
```
#54606c rgb(84,96,108)
```
#5f6d7a
```
#5f6d7a rgb(95,109,122)
```
#6a7a89
```
#6a7a89 rgb(106,122,137)
```
#778695
```
#778695 rgb(119,134,149)
```

Monochromatic Color

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

#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)
```
#545a6c
```
#545a6c rgb(84,90,108)
```

Similar Colors

Text with hexadecimal color #54606c

This text has a font color of #54606c.

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

#54606c background color

This paragraph has a background color of #54606c.

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

#54606c border color

This element has a border color of #54606c.

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

CSS codes

.text {color:#54606c;}

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

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

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)
```
#181b1f
```
#181b1f rgb(24,27,31)
```
#21252a
```
#21252a rgb(33,37,42)
```
#292f35
```
#292f35 rgb(41,47,53)
```
#323940
```
#323940 rgb(50,57,64)
```
#3a434b
```
#3a434b rgb(58,67,75)
```
#434c56
```
#434c56 rgb(67,76,86)
```
#4b5661
```
#4b5661 rgb(75,86,97)
```
#54606c
```
#54606c rgb(84,96,108)
```
#5d6a77
```
#5d6a77 rgb(93,106,119)
```
#657482
```
#657482 rgb(101,116,130)
```
#6e7d8d
```
#6e7d8d rgb(110,125,141)
```

Shade Color Variation

#788796
```
#788796 rgb(120,135,150)
```
#83919f
```
#83919f rgb(131,145,159)
```
#8e9ba7
```
#8e9ba7 rgb(142,155,167)
```
#99a5b0
```
#99a5b0 rgb(153,165,176)
```
#a4aeb9
```
#a4aeb9 rgb(164,174,185)
```
#afb8c1
```
#afb8c1 rgb(175,184,193)
```
#bac2ca
```
#bac2ca rgb(186,194,202)
```
#c5ccd2
```
#c5ccd2 rgb(197,204,210)
```
#d1d6db
```
#d1d6db rgb(209,214,219)
```
#dce0e3
```
#dce0e3 rgb(220,224,227)
```
#e7e9ec
```
#e7e9ec rgb(231,233,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, #5b6065 is the less saturated color, while #0360bd is the most saturated one.

#5b6065
```
#5b6065 rgb(91,96,101)
```
#54606c
```
#54606c rgb(84,96,108)
```
#4d6073
```
#4d6073 rgb(77,96,115)
```
#45607b
```
#45607b rgb(69,96,123)
```
#3e6082
```
#3e6082 rgb(62,96,130)
```
#36608a
```
#36608a rgb(54,96,138)
```
#2f6091
```
#2f6091 rgb(47,96,145)
```
#286098
```
#286098 rgb(40,96,152)
```
#2060a0
```
#2060a0 rgb(32,96,160)
```
#1960a7
```
#1960a7 rgb(25,96,167)
```
#1260ae
```
#1260ae rgb(18,96,174)
```
#0a60b6
```
#0a60b6 rgb(10,96,182)
```
#0360bd
```
#0360bd rgb(3,96,189)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656672 Protanopia 1% of men
#696474 Deuteranopia 1% of men
#5c6870 Tritanopia 0.001% of the population

Trichromacy

#5e6370 Protanomaly 1% of men, 0.01% of women
#616271 Deuteranomaly 6% of men, 0.4% of women
#59656e Tritanomaly 0.01% of the population

#54606c hex color

#54606c Color Information

#54606c Color Conversion

Color Schemes with #54606c

Alternatives to #54606c

#54606c Preview

Shades and Tints of #54606c

Tones of #54606c

Color Blindness Simulator