#545e6f hex color

In a RGB color space, hex #545e6f is composed of 32.9% red, 36.9% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 15.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 217.8 degrees, a saturation of 13.8% and a lightness of 38.2%. #545e6f color hex could be obtained by blending #a8bcde with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 37
- B 44
RGB color chart
- C 24
- M 15
- Y 0
- K 56
CMYK color chart

● #545e6f color description : Very dark grayish blue.

The hexadecimal color #545e6f has RGB values of R:84, G:94, B:111 and CMYK values of C:0.24, M:0.15, Y:0, K:0.56. Its decimal value is 5529199.

Hex triplet	545e6f	`#545e6f`
RGB Decimal	84, 94, 111	`rgb(84,94,111)`
RGB Percent	32.9, 36.9, 43.5	`rgb(32.9%,36.9%,43.5%)`
CMYK	24, 15, 0, 56
HSL	217.8°, 13.8, 38.2	`hsl(217.8,13.8%,38.2%)`
HSV (or HSB)	217.8°, 24.3, 43.5
Web Safe	666666	`#666666`

CIE-LAB	39.644, 0.278, -10.935
XYZ	10.528, 11.038, 16.614
xyY	0.276, 0.289, 11.038
CIE-LCH	39.644, 10.938, 271.455
CIE-LUV	39.644, -5.905, -14.768
Hunter-Lab	33.223, -1.578, -6.393
Binary	01010100, 01011110, 01101111

#545e6f
```
#545e6f rgb(84,94,111)
```
#6f6554
```
#6f6554 rgb(111,101,84)
```

Complementary Color

#546c6f
```
#546c6f rgb(84,108,111)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#58546f
```
#58546f rgb(88,84,111)
```

Analogous Color

#6c6f54
```
#6c6f54 rgb(108,111,84)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#6f5854
```
#6f5854 rgb(111,88,84)
```

Split Complementary Color

#5e6f54
```
#5e6f54 rgb(94,111,84)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#6f545e
```
#6f545e rgb(111,84,94)
```

Triadic Color

#546f65
```
#546f65 rgb(84,111,101)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#6f545e
```
#6f545e rgb(111,84,94)
```
#6f6554
```
#6f6554 rgb(111,101,84)
```

Tetradic Color

#333943
```
#333943 rgb(51,57,67)
```
#3e4552
```
#3e4552 rgb(62,69,82)
```
#495260
```
#495260 rgb(73,82,96)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#5f6a7e
```
#5f6a7e rgb(95,106,126)
```
#6a778c
```
#6a778c rgb(106,119,140)
```
#778398
```
#778398 rgb(119,131,152)
```

Monochromatic Color

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

#54656f
```
#54656f rgb(84,101,111)
```
#54636f
```
#54636f rgb(84,99,111)
```
#54606f
```
#54606f rgb(84,96,111)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#545c6f
```
#545c6f rgb(84,92,111)
```
#545a6f
```
#545a6f rgb(84,90,111)
```
#54576f
```
#54576f rgb(84,87,111)
```

Similar Colors

Text with hexadecimal color #545e6f

This text has a font color of #545e6f.

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

#545e6f background color

This paragraph has a background color of #545e6f.

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

#545e6f border color

This element has a border color of #545e6f.

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

CSS codes

.text {color:#545e6f;}

.background {background-color:#545e6f;}

.border {border:1px solid #545e6f;}

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, #08090b is the darkest color, while #fefeff is the lightest one.

#08090b
```
#08090b rgb(8,9,11)
```
#101216
```
#101216 rgb(16,18,22)
```
#191c21
```
#191c21 rgb(25,28,33)
```
#21252c
```
#21252c rgb(33,37,44)
```
#2a2f37
```
#2a2f37 rgb(42,47,55)
```
#323842
```
#323842 rgb(50,56,66)
```
#3b424e
```
#3b424e rgb(59,66,78)
```
#434b59
```
#434b59 rgb(67,75,89)
```
#4c5564
```
#4c5564 rgb(76,85,100)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#5c677a
```
#5c677a rgb(92,103,122)
```
#657185
```
#657185 rgb(101,113,133)
```
#6d7a90
```
#6d7a90 rgb(109,122,144)
```

Shade Color Variation

#788499
```
#788499 rgb(120,132,153)
```
#848fa2
```
#848fa2 rgb(132,143,162)
```
#8f99aa
```
#8f99aa rgb(143,153,170)
```
#9aa3b2
```
#9aa3b2 rgb(154,163,178)
```
#a5adbb
```
#a5adbb rgb(165,173,187)
```
#b0b7c3
```
#b0b7c3 rgb(176,183,195)
```
#bbc1cc
```
#bbc1cc rgb(187,193,204)
```
#c7ccd4
```
#c7ccd4 rgb(199,204,212)
```
#d2d6dd
```
#d2d6dd rgb(210,214,221)
```
#dde0e5
```
#dde0e5 rgb(221,224,229)
```
#e8eaee
```
#e8eaee rgb(232,234,238)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c6068
```
#5c6068 rgb(92,96,104)
```
#545e6f
```
#545e6f rgb(84,94,111)
```
#4d5c77
```
#4d5c77 rgb(77,92,119)
```
#455a7e
```
#455a7e rgb(69,90,126)
```
#3e5886
```
#3e5886 rgb(62,88,134)
```
#36568d
```
#36568d rgb(54,86,141)
```
#2f5495
```
#2f5495 rgb(47,84,149)
```
#27529c
```
#27529c rgb(39,82,156)
```
#2050a4
```
#2050a4 rgb(32,80,164)
```
#184eab
```
#184eab rgb(24,78,171)
```
#114db3
```
#114db3 rgb(17,77,179)
```
#094bba
```
#094bba rgb(9,75,186)
```
#0149c2
```
#0149c2 rgb(1,73,194)
```

Tone Color Variation

Below, you can see how #545e6f 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

#5d5d5d Achromatopsia 0.005% of the population
#5b5d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626575 Protanopia 1% of men
#666377 Deuteranopia 1% of men
#5b676f Tritanopia 0.001% of the population

Trichromacy

#5d6273 Protanomaly 1% of men, 0.01% of women
#5f6174 Deuteranomaly 6% of men, 0.4% of women
#58646f Tritanomaly 0.01% of the population

#545e6f hex color

#545e6f Color Information

#545e6f Color Conversion

Color Schemes with #545e6f

Alternatives to #545e6f

#545e6f Preview

Shades and Tints of #545e6f

Tones of #545e6f

Color Blindness Simulator