#546168 hex color

In a RGB color space, hex #546168 is composed of 32.9% red, 38% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 6.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 201 degrees, a saturation of 10.6% and a lightness of 36.9%. #546168 color hex could be obtained by blending #a8c2d0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 38
- B 41
RGB color chart
- C 19
- M 7
- Y 0
- K 59
CMYK color chart

● #546168 color description : Very dark grayish blue.

The hexadecimal color #546168 has RGB values of R:84, G:97, B:104 and CMYK values of C:0.19, M:0.07, Y:0, K:0.59. Its decimal value is 5529960.

Hex triplet	546168	`#546168`
RGB Decimal	84, 97, 104	`rgb(84,97,104)`
RGB Percent	32.9, 38, 40.8	`rgb(32.9%,38%,40.8%)`
CMYK	19, 7, 0, 59
HSL	201°, 10.6, 36.9	`hsl(201,10.6%,36.9%)`
HSV (or HSB)	201°, 19.2, 40.8
Web Safe	666666	`#666666`

CIE-LAB	40.301, -3.306, -5.653
XYZ	10.429, 11.433, 14.753
xyY	0.285, 0.312, 11.433
CIE-LCH	40.301, 6.549, 239.678
CIE-LUV	40.301, -7.027, -7.023
Hunter-Lab	33.813, -4.119, -2.2
Binary	01010100, 01100001, 01101000

#546168
```
#546168 rgb(84,97,104)
```
#685b54
```
#685b54 rgb(104,91,84)
```

Complementary Color

#546865
```
#546865 rgb(84,104,101)
```
#546168
```
#546168 rgb(84,97,104)
```
#545768
```
#545768 rgb(84,87,104)
```

Analogous Color

#686554
```
#686554 rgb(104,101,84)
```
#546168
```
#546168 rgb(84,97,104)
```
#685457
```
#685457 rgb(104,84,87)
```

Split Complementary Color

#616854
```
#616854 rgb(97,104,84)
```
#546168
```
#546168 rgb(84,97,104)
```
#685461
```
#685461 rgb(104,84,97)
```

Triadic Color

#54685b
```
#54685b rgb(84,104,91)
```
#546168
```
#546168 rgb(84,97,104)
```
#685461
```
#685461 rgb(104,84,97)
```
#685b54
```
#685b54 rgb(104,91,84)
```

Tetradic Color

#323a3e
```
#323a3e rgb(50,58,62)
```
#3d474c
```
#3d474c rgb(61,71,76)
```
#49545a
```
#49545a rgb(73,84,90)
```
#546168
```
#546168 rgb(84,97,104)
```
#5f6e76
```
#5f6e76 rgb(95,110,118)
```
#6b7b84
```
#6b7b84 rgb(107,123,132)
```
#778891
```
#778891 rgb(119,136,145)
```

Monochromatic Color

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

#546668
```
#546668 rgb(84,102,104)
```
#546468
```
#546468 rgb(84,100,104)
```
#546368
```
#546368 rgb(84,99,104)
```
#546168
```
#546168 rgb(84,97,104)
```
#545f68
```
#545f68 rgb(84,95,104)
```
#545e68
```
#545e68 rgb(84,94,104)
```
#545c68
```
#545c68 rgb(84,92,104)
```

Similar Colors

Text with hexadecimal color #546168

This text has a font color of #546168.

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

#546168 background color

This paragraph has a background color of #546168.

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

#546168 border color

This element has a border color of #546168.

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

CSS codes

.text {color:#546168;}

.background {background-color:#546168;}

.border {border:1px solid #546168;}

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1011
```
#0e1011 rgb(14,16,17)
```
#171a1c
```
#171a1c rgb(23,26,28)
```
#1f2427
```
#1f2427 rgb(31,36,39)
```
#282e32
```
#282e32 rgb(40,46,50)
```
#31393d
```
#31393d rgb(49,57,61)
```
#3a4347
```
#3a4347 rgb(58,67,71)
```
#424d52
```
#424d52 rgb(66,77,82)
```
#4b575d
```
#4b575d rgb(75,87,93)
```
#546168
```
#546168 rgb(84,97,104)
```
#5d6b73
```
#5d6b73 rgb(93,107,115)
```
#66757e
```
#66757e rgb(102,117,126)
```
#6e7f89
```
#6e7f89 rgb(110,127,137)
```

Shade Color Variation

#788992
```
#788992 rgb(120,137,146)
```
#83939b
```
#83939b rgb(131,147,155)
```
#8e9ca4
```
#8e9ca4 rgb(142,156,164)
```
#99a6ac
```
#99a6ac rgb(153,166,172)
```
#a4afb5
```
#a4afb5 rgb(164,175,181)
```
#afb9be
```
#afb9be rgb(175,185,190)
```
#b9c2c7
```
#b9c2c7 rgb(185,194,199)
```
#c4ccd0
```
#c4ccd0 rgb(196,204,208)
```
#cfd5d8
```
#cfd5d8 rgb(207,213,216)
```
#dadfe1
```
#dadfe1 rgb(218,223,225)
```
#e5e8ea
```
#e5e8ea rgb(229,232,234)
```
#f0f2f3
```
#f0f2f3 rgb(240,242,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#5b5f61
```
#5b5f61 rgb(91,95,97)
```
#546168
```
#546168 rgb(84,97,104)
```
#4d636f
```
#4d636f rgb(77,99,111)
```
#466576
```
#466576 rgb(70,101,118)
```
#3e687e
```
#3e687e rgb(62,104,126)
```
#376a85
```
#376a85 rgb(55,106,133)
```
#306c8c
```
#306c8c rgb(48,108,140)
```
#296e93
```
#296e93 rgb(41,110,147)
```
#21709b
```
#21709b rgb(33,112,155)
```
#1a72a2
```
#1a72a2 rgb(26,114,162)
```
#1375a9
```
#1375a9 rgb(19,117,169)
```
#0c77b0
```
#0c77b0 rgb(12,119,176)
```
#0479b8
```
#0479b8 rgb(4,121,184)
```

Tone Color Variation

Below, you can see how #546168 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
#5c5f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66666e Protanopia 1% of men
#6b6471 Deuteranopia 1% of men
#5d6970 Tritanopia 0.001% of the population

Trichromacy

#5f646c Protanomaly 1% of men, 0.01% of women
#63636d Deuteranomaly 6% of men, 0.4% of women
#59666d Tritanomaly 0.01% of the population

#546168 hex color

#546168 Color Information

#546168 Color Conversion

Color Schemes with #546168

Alternatives to #546168

#546168 Preview

Shades and Tints of #546168

Tones of #546168

Color Blindness Simulator