#545c7f hex color

In a RGB color space, hex #545c7f is composed of 32.9% red, 36.1% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 27.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 228.8 degrees, a saturation of 20.4% and a lightness of 41.4%. #545c7f color hex could be obtained by blending #a8b8fe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 36
- B 50
RGB color chart
- C 34
- M 28
- Y 0
- K 50
CMYK color chart

● #545c7f color description : Mostly desaturated dark blue.

The hexadecimal color #545c7f has RGB values of R:84, G:92, B:127 and CMYK values of C:0.34, M:0.28, Y:0, K:0.5. Its decimal value is 5528703.

Hex triplet	545c7f	`#545c7f`
RGB Decimal	84, 92, 127	`rgb(84,92,127)`
RGB Percent	32.9, 36.1, 49.8	`rgb(32.9%,36.1%,49.8%)`
CMYK	34, 28, 0, 50
HSL	228.8°, 20.4, 41.4	`hsl(228.8,20.4%,41.4%)`
HSV (or HSB)	228.8°, 33.9, 49.8
Web Safe	666666	`#666666`

CIE-LAB	39.7, 5.867, -20.642
XYZ	11.313, 11.071, 21.618
xyY	0.257, 0.252, 11.071
CIE-LCH	39.7, 21.46, 285.867
CIE-LUV	39.7, -5.69, -29.418
Hunter-Lab	33.273, 2.464, -15.231
Binary	01010100, 01011100, 01111111

#545c7f
```
#545c7f rgb(84,92,127)
```
#7f7754
```
#7f7754 rgb(127,119,84)
```

Complementary Color

#54727f
```
#54727f rgb(84,114,127)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#62547f
```
#62547f rgb(98,84,127)
```

Analogous Color

#727f54
```
#727f54 rgb(114,127,84)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#7f6254
```
#7f6254 rgb(127,98,84)
```

Split Complementary Color

#5c7f54
```
#5c7f54 rgb(92,127,84)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#7f545c
```
#7f545c rgb(127,84,92)
```

Triadic Color

#547f77
```
#547f77 rgb(84,127,119)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#7f545c
```
#7f545c rgb(127,84,92)
```
#7f7754
```
#7f7754 rgb(127,119,84)
```

Tetradic Color

#363b51
```
#363b51 rgb(54,59,81)
```
#404660
```
#404660 rgb(64,70,96)
```
#4a5170
```
#4a5170 rgb(74,81,112)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#5e678e
```
#5e678e rgb(94,103,142)
```
#6a739c
```
#6a739c rgb(106,115,156)
```
#7982a6
```
#7982a6 rgb(121,130,166)
```

Monochromatic Color

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

#54677f
```
#54677f rgb(84,103,127)
```
#54637f
```
#54637f rgb(84,99,127)
```
#54607f
```
#54607f rgb(84,96,127)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#54587f
```
#54587f rgb(84,88,127)
```
#54557f
```
#54557f rgb(84,85,127)
```
#57547f
```
#57547f rgb(87,84,127)
```

Similar Colors

Text with hexadecimal color #545c7f

This text has a font color of #545c7f.

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

#545c7f background color

This paragraph has a background color of #545c7f.

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

#545c7f border color

This element has a border color of #545c7f.

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

CSS codes

.text {color:#545c7f;}

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

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0e0f15
```
#0e0f15 rgb(14,15,21)
```
#161821
```
#161821 rgb(22,24,33)
```
#1d202c
```
#1d202c rgb(29,32,44)
```
#252938
```
#252938 rgb(37,41,56)
```
#2d3144
```
#2d3144 rgb(45,49,68)
```
#353a50
```
#353a50 rgb(53,58,80)
```
#3d425c
```
#3d425c rgb(61,66,92)
```
#444b67
```
#444b67 rgb(68,75,103)
```
#4c5373
```
#4c5373 rgb(76,83,115)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#5c658b
```
#5c658b rgb(92,101,139)
```
#646d97
```
#646d97 rgb(100,109,151)
```

Shade Color Variation

#6e789f
```
#6e789f rgb(110,120,159)
```
#7a83a7
```
#7a83a7 rgb(122,131,167)
```
#868eaf
```
#868eaf rgb(134,142,175)
```
#9299b7
```
#9299b7 rgb(146,153,183)
```
#9ea4bf
```
#9ea4bf rgb(158,164,191)
```
#a9afc6
```
#a9afc6 rgb(169,175,198)
```
#b5bace
```
#b5bace rgb(181,186,206)
```
#c1c5d6
```
#c1c5d6 rgb(193,197,214)
```
#cdd0de
```
#cdd0de rgb(205,208,222)
```
#d9dbe6
```
#d9dbe6 rgb(217,219,230)
```
#e5e6ed
```
#e5e6ed rgb(229,230,237)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64666f is the less saturated color, while #0329d0 is the most saturated one.

#64666f
```
#64666f rgb(100,102,111)
```
#5c6177
```
#5c6177 rgb(92,97,119)
```
#545c7f
```
#545c7f rgb(84,92,127)
```
#4c5787
```
#4c5787 rgb(76,87,135)
```
#44528f
```
#44528f rgb(68,82,143)
```
#3c4d97
```
#3c4d97 rgb(60,77,151)
```
#34489f
```
#34489f rgb(52,72,159)
```
#2b43a8
```
#2b43a8 rgb(43,67,168)
```
#233db0
```
#233db0 rgb(35,61,176)
```
#1b38b8
```
#1b38b8 rgb(27,56,184)
```
#1333c0
```
#1333c0 rgb(19,51,192)
```
#0b2ec8
```
#0b2ec8 rgb(11,46,200)
```
#0329d0
```
#0329d0 rgb(3,41,208)
```

Tone Color Variation

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

Dichromacy

#5b6485 Protanopia 1% of men
#5c6485 Deuteranopia 1% of men
#576870 Tritanopia 0.001% of the population

Trichromacy

#586183 Protanomaly 1% of men, 0.01% of women
#596183 Deuteranomaly 6% of men, 0.4% of women
#556475 Tritanomaly 0.01% of the population

#545c7f hex color

#545c7f Color Information

#545c7f Color Conversion

Color Schemes with #545c7f

Alternatives to #545c7f

#545c7f Preview

Shades and Tints of #545c7f

Tones of #545c7f

Color Blindness Simulator