#545e6c hex color

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

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

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

The hexadecimal color #545e6c has RGB values of R:84, G:94, B:108 and CMYK values of C:0.22, M:0.13, Y:0, K:0.58. Its decimal value is 5529196.

Hex triplet	545e6c	`#545e6c`
RGB Decimal	84, 94, 108	`rgb(84,94,108)`
RGB Percent	32.9, 36.9, 42.4	`rgb(32.9%,36.9%,42.4%)`
CMYK	22, 13, 0, 58
HSL	215°, 12.5, 37.6	`hsl(215,12.5%,37.6%)`
HSV (or HSB)	215°, 22.2, 42.4
Web Safe	666666	`#666666`

CIE-LAB	39.535, -0.492, -9.257
XYZ	10.365, 10.973, 15.758
xyY	0.279, 0.296, 10.973
CIE-LCH	39.535, 9.27, 266.957
CIE-LUV	39.535, -5.795, -12.313
Hunter-Lab	33.125, -2.115, -5.018
Binary	01010100, 01011110, 01101100

#545e6c
```
#545e6c rgb(84,94,108)
```
#6c6254
```
#6c6254 rgb(108,98,84)
```

Complementary Color

#546a6c
```
#546a6c rgb(84,106,108)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#56546c
```
#56546c rgb(86,84,108)
```

Analogous Color

#6a6c54
```
#6a6c54 rgb(106,108,84)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#6c5654
```
#6c5654 rgb(108,86,84)
```

Split Complementary Color

#5e6c54
```
#5e6c54 rgb(94,108,84)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#6c545e
```
#6c545e rgb(108,84,94)
```

Triadic Color

#546c62
```
#546c62 rgb(84,108,98)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#6c545e
```
#6c545e rgb(108,84,94)
```
#6c6254
```
#6c6254 rgb(108,98,84)
```

Tetradic Color

#333941
```
#333941 rgb(51,57,65)
```
#3e454f
```
#3e454f rgb(62,69,79)
```
#49525e
```
#49525e rgb(73,82,94)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#5f6a7a
```
#5f6a7a rgb(95,106,122)
```
#6a7789
```
#6a7789 rgb(106,119,137)
```
#778495
```
#778495 rgb(119,132,149)
```

Monochromatic Color

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

#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)
```
#54586c
```
#54586c rgb(84,88,108)
```

Similar Colors

Text with hexadecimal color #545e6c

This text has a font color of #545e6c.

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

#545e6c background color

This paragraph has a background color of #545e6c.

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

#545e6c border color

This element has a border color of #545e6c.

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

CSS codes

.text {color:#545e6c;}

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

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

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)
```
#0f1114
```
#0f1114 rgb(15,17,20)
```
#181b1f
```
#181b1f rgb(24,27,31)
```
#21242a
```
#21242a rgb(33,36,42)
```
#292e35
```
#292e35 rgb(41,46,53)
```
#323840
```
#323840 rgb(50,56,64)
```
#3a414b
```
#3a414b rgb(58,65,75)
```
#434b56
```
#434b56 rgb(67,75,86)
```
#4b5461
```
#4b5461 rgb(75,84,97)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#5d6877
```
#5d6877 rgb(93,104,119)
```
#657182
```
#657182 rgb(101,113,130)
```
#6e7b8d
```
#6e7b8d rgb(110,123,141)
```

Shade Color Variation

#788596
```
#788596 rgb(120,133,150)
```
#838f9f
```
#838f9f rgb(131,143,159)
```
#8e99a7
```
#8e99a7 rgb(142,153,167)
```
#99a3b0
```
#99a3b0 rgb(153,163,176)
```
#a4adb9
```
#a4adb9 rgb(164,173,185)
```
#afb7c1
```
#afb7c1 rgb(175,183,193)
```
#bac1ca
```
#bac1ca rgb(186,193,202)
```
#c5cbd2
```
#c5cbd2 rgb(197,203,210)
```
#d1d5db
```
#d1d5db rgb(209,213,219)
```
#dcdfe3
```
#dcdfe3 rgb(220,223,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, #5b5f65 is the less saturated color, while #0350bd is the most saturated one.

#5b5f65
```
#5b5f65 rgb(91,95,101)
```
#545e6c
```
#545e6c rgb(84,94,108)
```
#4d5d73
```
#4d5d73 rgb(77,93,115)
```
#455c7b
```
#455c7b rgb(69,92,123)
```
#3e5a82
```
#3e5a82 rgb(62,90,130)
```
#36598a
```
#36598a rgb(54,89,138)
```
#2f5891
```
#2f5891 rgb(47,88,145)
```
#285798
```
#285798 rgb(40,87,152)
```
#2055a0
```
#2055a0 rgb(32,85,160)
```
#1954a7
```
#1954a7 rgb(25,84,167)
```
#1253ae
```
#1253ae rgb(18,83,174)
```
#0a52b6
```
#0a52b6 rgb(10,82,182)
```
#0350bd
```
#0350bd rgb(3,80,189)
```

Tone Color Variation

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

Dichromacy

#636472 Protanopia 1% of men
#676374 Deuteranopia 1% of men
#5b676e Tritanopia 0.001% of the population

Trichromacy

#5d6270 Protanomaly 1% of men, 0.01% of women
#606171 Deuteranomaly 6% of men, 0.4% of women
#58636d Tritanomaly 0.01% of the population

#545e6c hex color

#545e6c Color Information

#545e6c Color Conversion

Color Schemes with #545e6c

Alternatives to #545e6c

#545e6c Preview

Shades and Tints of #545e6c

Tones of #545e6c

Color Blindness Simulator