#546e7e hex color

In a RGB color space, hex #546e7e is composed of 32.9% red, 43.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 12.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 202.9 degrees, a saturation of 20% and a lightness of 41.2%. #546e7e color hex could be obtained by blending #a8dcfc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 43
- B 49
RGB color chart
- C 33
- M 13
- Y 0
- K 51
CMYK color chart

● #546e7e color description : Mostly desaturated dark blue.

The hexadecimal color #546e7e has RGB values of R:84, G:110, B:126 and CMYK values of C:0.33, M:0.13, Y:0, K:0.51. Its decimal value is 5533310.

Hex triplet	546e7e	`#546e7e`
RGB Decimal	84, 110, 126	`rgb(84,110,126)`
RGB Percent	32.9, 43.1, 49.4	`rgb(32.9%,43.1%,49.4%)`
CMYK	33, 13, 0, 51
HSL	202.9°, 20, 41.2	`hsl(202.9,20%,41.2%)`
HSV (or HSB)	202.9°, 33.3, 49.4
Web Safe	666666	`#666666`

CIE-LAB	45.001, -5.34, -11.935
XYZ	12.997, 14.543, 21.86
xyY	0.263, 0.294, 14.543
CIE-LCH	45.001, 13.075, 245.895
CIE-LUV	45.001, -13.237, -15.929
Hunter-Lab	38.135, -5.899, -7.292
Binary	01010100, 01101110, 01111110

#546e7e
```
#546e7e rgb(84,110,126)
```
#7e6454
```
#7e6454 rgb(126,100,84)
```

Complementary Color

#547e79
```
#547e79 rgb(84,126,121)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#54597e
```
#54597e rgb(84,89,126)
```

Analogous Color

#7e7954
```
#7e7954 rgb(126,121,84)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#7e5459
```
#7e5459 rgb(126,84,89)
```

Split Complementary Color

#6e7e54
```
#6e7e54 rgb(110,126,84)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#7e546e
```
#7e546e rgb(126,84,110)
```

Triadic Color

#547e64
```
#547e64 rgb(84,126,100)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#7e546e
```
#7e546e rgb(126,84,110)
```
#7e6454
```
#7e6454 rgb(126,100,84)
```

Tetradic Color

#354650
```
#354650 rgb(53,70,80)
```
#40535f
```
#40535f rgb(64,83,95)
```
#4a616f
```
#4a616f rgb(74,97,111)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#5e7b8d
```
#5e7b8d rgb(94,123,141)
```
#6a889b
```
#6a889b rgb(106,136,155)
```
#7995a6
```
#7995a6 rgb(121,149,166)
```

Monochromatic Color

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

#54797e
```
#54797e rgb(84,121,126)
```
#54757e
```
#54757e rgb(84,117,126)
```
#54727e
```
#54727e rgb(84,114,126)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#54677e
```
#54677e rgb(84,103,126)
```
#54647e
```
#54647e rgb(84,100,126)
```

Similar Colors

Text with hexadecimal color #546e7e

This text has a font color of #546e7e.

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

#546e7e background color

This paragraph has a background color of #546e7e.

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

#546e7e border color

This element has a border color of #546e7e.

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

CSS codes

.text {color:#546e7e;}

.background {background-color:#546e7e;}

.border {border:1px solid #546e7e;}

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

#060708
```
#060708 rgb(6,7,8)
```
#0d1214
```
#0d1214 rgb(13,18,20)
```
#151c20
```
#151c20 rgb(21,28,32)
```
#1d262c
```
#1d262c rgb(29,38,44)
```
#253037
```
#253037 rgb(37,48,55)
```
#2d3b43
```
#2d3b43 rgb(45,59,67)
```
#35454f
```
#35454f rgb(53,69,79)
```
#3c4f5b
```
#3c4f5b rgb(60,79,91)
```
#445966
```
#445966 rgb(68,89,102)
```
#4c6472
```
#4c6472 rgb(76,100,114)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#5c788a
```
#5c788a rgb(92,120,138)
```
#648396
```
#648396 rgb(100,131,150)
```

Shade Color Variation

#6e8c9f
```
#6e8c9f rgb(110,140,159)
```
#7a96a6
```
#7a96a6 rgb(122,150,166)
```
#869fae
```
#869fae rgb(134,159,174)
```
#92a8b6
```
#92a8b6 rgb(146,168,182)
```
#9db2be
```
#9db2be rgb(157,178,190)
```
#a9bbc6
```
#a9bbc6 rgb(169,187,198)
```
#b5c4ce
```
#b5c4ce rgb(181,196,206)
```
#c1ced5
```
#c1ced5 rgb(193,206,213)
```
#ccd7dd
```
#ccd7dd rgb(204,215,221)
```
#d8e0e5
```
#d8e0e5 rgb(216,224,229)
```
#e4eaed
```
#e4eaed rgb(228,234,237)
```
#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646a6e is the less saturated color, while #0381cf is the most saturated one.

#646a6e
```
#646a6e rgb(100,106,110)
```
#5c6c76
```
#5c6c76 rgb(92,108,118)
```
#546e7e
```
#546e7e rgb(84,110,126)
```
#4c7086
```
#4c7086 rgb(76,112,134)
```
#44728e
```
#44728e rgb(68,114,142)
```
#3c7496
```
#3c7496 rgb(60,116,150)
```
#34769e
```
#34769e rgb(52,118,158)
```
#2c78a6
```
#2c78a6 rgb(44,120,166)
```
#247aae
```
#247aae rgb(36,122,174)
```
#1b7bb7
```
#1b7bb7 rgb(27,123,183)
```
#137dbf
```
#137dbf rgb(19,125,191)
```
#0b7fc7
```
#0b7fc7 rgb(11,127,199)
```
#0381cf
```
#0381cf rgb(3,129,207)
```

Tone Color Variation

Below, you can see how #546e7e 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

#686868 Achromatopsia 0.005% of the population
#64696c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7182 Protanopia 1% of men
#726f86 Deuteranopia 1% of men
#5b767f Tritanopia 0.001% of the population

Trichromacy

#657080 Protanomaly 1% of men, 0.01% of women
#676f83 Deuteranomaly 6% of men, 0.4% of women
#58737e Tritanomaly 0.01% of the population

#546e7e hex color

#546e7e Color Information

#546e7e Color Conversion

Color Schemes with #546e7e

Alternatives to #546e7e

#546e7e Preview

Shades and Tints of #546e7e

Tones of #546e7e

Color Blindness Simulator