#545e7f hex color

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

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

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

The hexadecimal color #545e7f has RGB values of R:84, G:94, B:127 and CMYK values of C:0.34, M:0.26, Y:0, K:0.5. Its decimal value is 5529215.

Hex triplet	545e7f	`#545e7f`
RGB Decimal	84, 94, 127	`rgb(84,94,127)`
RGB Percent	32.9, 36.9, 49.8	`rgb(32.9%,36.9%,49.8%)`
CMYK	34, 26, 0, 50
HSL	226°, 20.4, 41.4	`hsl(226,20.4%,41.4%)`
HSV (or HSB)	226°, 33.9, 49.8
Web Safe	666666	`#666666`

CIE-LAB	40.283, 4.621, -19.743
XYZ	11.489, 11.422, 21.677
xyY	0.258, 0.256, 11.422
CIE-LCH	40.283, 20.276, 283.175
CIE-LUV	40.283, -6.507, -28.055
Hunter-Lab	33.797, 1.535, -14.37
Binary	01010100, 01011110, 01111111

#545e7f
```
#545e7f rgb(84,94,127)
```
#7f7554
```
#7f7554 rgb(127,117,84)
```

Complementary Color

#54747f
```
#54747f rgb(84,116,127)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#60547f
```
#60547f rgb(96,84,127)
```

Analogous Color

#747f54
```
#747f54 rgb(116,127,84)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#7f6054
```
#7f6054 rgb(127,96,84)
```

Split Complementary Color

#5e7f54
```
#5e7f54 rgb(94,127,84)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#7f545e
```
#7f545e rgb(127,84,94)
```

Triadic Color

#547f75
```
#547f75 rgb(84,127,117)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#7f545e
```
#7f545e rgb(127,84,94)
```
#7f7554
```
#7f7554 rgb(127,117,84)
```

Tetradic Color

#363c51
```
#363c51 rgb(54,60,81)
```
#404760
```
#404760 rgb(64,71,96)
```
#4a5370
```
#4a5370 rgb(74,83,112)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#5e698e
```
#5e698e rgb(94,105,142)
```
#6a759c
```
#6a759c rgb(106,117,156)
```
#7984a6
```
#7984a6 rgb(121,132,166)
```

Monochromatic Color

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

#54697f
```
#54697f rgb(84,105,127)
```
#54657f
```
#54657f rgb(84,101,127)
```
#54627f
```
#54627f rgb(84,98,127)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#545a7f
```
#545a7f rgb(84,90,127)
```
#54577f
```
#54577f rgb(84,87,127)
```
#55547f
```
#55547f rgb(85,84,127)
```

Similar Colors

Text with hexadecimal color #545e7f

This text has a font color of #545e7f.

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

#545e7f background color

This paragraph has a background color of #545e7f.

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

#545e7f border color

This element has a border color of #545e7f.

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

CSS codes

.text {color:#545e7f;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0e0f15
```
#0e0f15 rgb(14,15,21)
```
#161821
```
#161821 rgb(22,24,33)
```
#1d212c
```
#1d212c rgb(29,33,44)
```
#252a38
```
#252a38 rgb(37,42,56)
```
#2d3244
```
#2d3244 rgb(45,50,68)
```
#353b50
```
#353b50 rgb(53,59,80)
```
#3d445c
```
#3d445c rgb(61,68,92)
```
#444d67
```
#444d67 rgb(68,77,103)
```
#4c5573
```
#4c5573 rgb(76,85,115)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#5c678b
```
#5c678b rgb(92,103,139)
```
#646f97
```
#646f97 rgb(100,111,151)
```

Shade Color Variation

#6e7a9f
```
#6e7a9f rgb(110,122,159)
```
#7a85a7
```
#7a85a7 rgb(122,133,167)
```
#8690af
```
#8690af rgb(134,144,175)
```
#929ab7
```
#929ab7 rgb(146,154,183)
```
#9ea5bf
```
#9ea5bf rgb(158,165,191)
```
#a9b0c6
```
#a9b0c6 rgb(169,176,198)
```
#b5bbce
```
#b5bbce rgb(181,187,206)
```
#c1c6d6
```
#c1c6d6 rgb(193,198,214)
```
#cdd1de
```
#cdd1de rgb(205,209,222)
```
#d9dce6
```
#d9dce6 rgb(217,220,230)
```
#e5e7ed
```
#e5e7ed rgb(229,231,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, #64676f is the less saturated color, while #0333d0 is the most saturated one.

#64676f
```
#64676f rgb(100,103,111)
```
#5c6277
```
#5c6277 rgb(92,98,119)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#4c5a87
```
#4c5a87 rgb(76,90,135)
```
#44558f
```
#44558f rgb(68,85,143)
```
#3c5197
```
#3c5197 rgb(60,81,151)
```
#344d9f
```
#344d9f rgb(52,77,159)
```
#2b48a8
```
#2b48a8 rgb(43,72,168)
```
#2344b0
```
#2344b0 rgb(35,68,176)
```
#1b40b8
```
#1b40b8 rgb(27,64,184)
```
#133bc0
```
#133bc0 rgb(19,59,192)
```
#0b37c8
```
#0b37c8 rgb(11,55,200)
```
#0333d0
```
#0333d0 rgb(3,51,208)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6685 Protanopia 1% of men
#5e6585 Deuteranopia 1% of men
#576a71 Tritanopia 0.001% of the population

Trichromacy

#5a6383 Protanomaly 1% of men, 0.01% of women
#5a6283 Deuteranomaly 6% of men, 0.4% of women
#566576 Tritanomaly 0.01% of the population

#545e7f hex color

#545e7f Color Information

#545e7f Color Conversion

Color Schemes with #545e7f

Alternatives to #545e7f

#545e7f Preview

Shades and Tints of #545e7f

Tones of #545e7f

Color Blindness Simulator