#545f6c hex color

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

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

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

The hexadecimal color #545f6c has RGB values of R:84, G:95, B:108 and CMYK values of C:0.22, M:0.12, Y:0, K:0.58. Its decimal value is 5529452.

Hex triplet	545f6c	`#545f6c`
RGB Decimal	84, 95, 108	`rgb(84,95,108)`
RGB Percent	32.9, 37.3, 42.4	`rgb(32.9%,37.3%,42.4%)`
CMYK	22, 12, 0, 58
HSL	212.5°, 12.5, 37.6	`hsl(212.5,12.5%,37.6%)`
HSV (or HSB)	212.5°, 22.2, 42.4
Web Safe	666666	`#666666`

CIE-LAB	39.835, -1.101, -8.805
XYZ	10.455, 11.152, 15.788
xyY	0.28, 0.298, 11.152
CIE-LCH	39.835, 8.874, 262.872
CIE-LUV	39.835, -6.245, -11.629
Hunter-Lab	33.394, -2.558, -4.655
Binary	01010100, 01011111, 01101100

#545f6c
```
#545f6c rgb(84,95,108)
```
#6c6154
```
#6c6154 rgb(108,97,84)
```

Complementary Color

#546b6c
```
#546b6c rgb(84,107,108)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#55546c
```
#55546c rgb(85,84,108)
```

Analogous Color

#6b6c54
```
#6b6c54 rgb(107,108,84)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#6c5554
```
#6c5554 rgb(108,85,84)
```

Split Complementary Color

#5f6c54
```
#5f6c54 rgb(95,108,84)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#6c545f
```
#6c545f rgb(108,84,95)
```

Triadic Color

#546c61
```
#546c61 rgb(84,108,97)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#6c545f
```
#6c545f rgb(108,84,95)
```
#6c6154
```
#6c6154 rgb(108,97,84)
```

Tetradic Color

#333941
```
#333941 rgb(51,57,65)
```
#3e464f
```
#3e464f rgb(62,70,79)
```
#49525e
```
#49525e rgb(73,82,94)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#5f6c7a
```
#5f6c7a rgb(95,108,122)
```
#6a7889
```
#6a7889 rgb(106,120,137)
```
#778595
```
#778595 rgb(119,133,149)
```

Monochromatic Color

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

#54656c
```
#54656c rgb(84,101,108)
```
#54636c
```
#54636c rgb(84,99,108)
```
#54616c
```
#54616c rgb(84,97,108)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#545d6c
```
#545d6c rgb(84,93,108)
```
#545b6c
```
#545b6c rgb(84,91,108)
```
#54596c
```
#54596c rgb(84,89,108)
```

Similar Colors

Text with hexadecimal color #545f6c

This text has a font color of #545f6c.

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

#545f6c background color

This paragraph has a background color of #545f6c.

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

#545f6c border color

This element has a border color of #545f6c.

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

CSS codes

.text {color:#545f6c;}

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

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

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)
```
#21252a
```
#21252a rgb(33,37,42)
```
#292e35
```
#292e35 rgb(41,46,53)
```
#323840
```
#323840 rgb(50,56,64)
```
#3a424b
```
#3a424b rgb(58,66,75)
```
#434c56
```
#434c56 rgb(67,76,86)
```
#4b5561
```
#4b5561 rgb(75,85,97)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#5d6977
```
#5d6977 rgb(93,105,119)
```
#657282
```
#657282 rgb(101,114,130)
```
#6e7c8d
```
#6e7c8d rgb(110,124,141)
```

Shade Color Variation

#788696
```
#788696 rgb(120,134,150)
```
#83909f
```
#83909f rgb(131,144,159)
```
#8e9aa7
```
#8e9aa7 rgb(142,154,167)
```
#99a4b0
```
#99a4b0 rgb(153,164,176)
```
#a4aeb9
```
#a4aeb9 rgb(164,174,185)
```
#afb8c1
```
#afb8c1 rgb(175,184,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, #5b6065 is the less saturated color, while #0358bd is the most saturated one.

#5b6065
```
#5b6065 rgb(91,96,101)
```
#545f6c
```
#545f6c rgb(84,95,108)
```
#4d5e73
```
#4d5e73 rgb(77,94,115)
```
#455e7b
```
#455e7b rgb(69,94,123)
```
#3e5d82
```
#3e5d82 rgb(62,93,130)
```
#365d8a
```
#365d8a rgb(54,93,138)
```
#2f5c91
```
#2f5c91 rgb(47,92,145)
```
#285b98
```
#285b98 rgb(40,91,152)
```
#205ba0
```
#205ba0 rgb(32,91,160)
```
#195aa7
```
#195aa7 rgb(25,90,167)
```
#1259ae
```
#1259ae rgb(18,89,174)
```
#0a59b6
```
#0a59b6 rgb(10,89,182)
```
#0358bd
```
#0358bd rgb(3,88,189)
```

Tone Color Variation

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

#646572 Protanopia 1% of men
#686374 Deuteranopia 1% of men
#5b686f Tritanopia 0.001% of the population

Trichromacy

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

#545f6c hex color

#545f6c Color Information

#545f6c Color Conversion

Color Schemes with #545f6c

Alternatives to #545f6c

#545f6c Preview

Shades and Tints of #545f6c

Tones of #545f6c

Color Blindness Simulator