#545866 hex color

In a RGB color space, hex #545866 is composed of 32.9% red, 34.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 13.7% magenta, 0% yellow and 60% black. It has a hue angle of 226.7 degrees, a saturation of 9.7% and a lightness of 36.5%. #545866 color hex could be obtained by blending #a8b0cc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 35
- B 40
RGB color chart
- C 18
- M 14
- Y 0
- K 60
CMYK color chart

● #545866 color description : Very dark grayish blue.

The hexadecimal color #545866 has RGB values of R:84, G:88, B:102 and CMYK values of C:0.18, M:0.14, Y:0, K:0.6. Its decimal value is 5527654.

Hex triplet	545866	`#545866`
RGB Decimal	84, 88, 102	`rgb(84,88,102)`
RGB Percent	32.9, 34.5, 40	`rgb(32.9%,34.5%,40%)`
CMYK	18, 14, 0, 60
HSL	226.7°, 9.7, 36.5	`hsl(226.7,9.7%,36.5%)`
HSV (or HSB)	226.7°, 17.6, 40
Web Safe	666666	`#666666`

CIE-LAB	37.524, 1.691, -8.574
XYZ	9.544, 9.823, 13.963
xyY	0.286, 0.295, 9.823
CIE-LCH	37.524, 8.739, 281.155
CIE-LUV	37.524, -2.829, -11.501
Hunter-Lab	31.342, -0.496, -4.474
Binary	01010100, 01011000, 01100110

#545866
```
#545866 rgb(84,88,102)
```
#666254
```
#666254 rgb(102,98,84)
```

Complementary Color

#546166
```
#546166 rgb(84,97,102)
```
#545866
```
#545866 rgb(84,88,102)
```
#595466
```
#595466 rgb(89,84,102)
```

Analogous Color

#616654
```
#616654 rgb(97,102,84)
```
#545866
```
#545866 rgb(84,88,102)
```
#665954
```
#665954 rgb(102,89,84)
```

Split Complementary Color

#586654
```
#586654 rgb(88,102,84)
```
#545866
```
#545866 rgb(84,88,102)
```
#665458
```
#665458 rgb(102,84,88)
```

Triadic Color

#546662
```
#546662 rgb(84,102,98)
```
#545866
```
#545866 rgb(84,88,102)
```
#665458
```
#665458 rgb(102,84,88)
```
#666254
```
#666254 rgb(102,98,84)
```

Tetradic Color

#31343c
```
#31343c rgb(49,52,60)
```
#3d404a
```
#3d404a rgb(61,64,74)
```
#484c58
```
#484c58 rgb(72,76,88)
```
#545866
```
#545866 rgb(84,88,102)
```
#606474
```
#606474 rgb(96,100,116)
```
#6b7082
```
#6b7082 rgb(107,112,130)
```
#777d8f
```
#777d8f rgb(119,125,143)
```

Monochromatic Color

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

#545d66
```
#545d66 rgb(84,93,102)
```
#545b66
```
#545b66 rgb(84,91,102)
```
#545a66
```
#545a66 rgb(84,90,102)
```
#545866
```
#545866 rgb(84,88,102)
```
#545766
```
#545766 rgb(84,87,102)
```
#545566
```
#545566 rgb(84,85,102)
```
#555466
```
#555466 rgb(85,84,102)
```

Similar Colors

Text with hexadecimal color #545866

This text has a font color of #545866.

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

#545866 background color

This paragraph has a background color of #545866.

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

#545866 border color

This element has a border color of #545866.

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

CSS codes

.text {color:#545866;}

.background {background-color:#545866;}

.border {border:1px solid #545866;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0e10
```
#0d0e10 rgb(13,14,16)
```
#16171b
```
#16171b rgb(22,23,27)
```
#1f2025
```
#1f2025 rgb(31,32,37)
```
#282a30
```
#282a30 rgb(40,42,48)
```
#31333b
```
#31333b rgb(49,51,59)
```
#393c46
```
#393c46 rgb(57,60,70)
```
#424550
```
#424550 rgb(66,69,80)
```
#4b4f5b
```
#4b4f5b rgb(75,79,91)
```
#545866
```
#545866 rgb(84,88,102)
```
#5d6171
```
#5d6171 rgb(93,97,113)
```
#666b7c
```
#666b7c rgb(102,107,124)
```
#6f7486
```
#6f7486 rgb(111,116,134)
```

Shade Color Variation

#787e90
```
#787e90 rgb(120,126,144)
```
#838899
```
#838899 rgb(131,136,153)
```
#8e92a2
```
#8e92a2 rgb(142,146,162)
```
#999dab
```
#999dab rgb(153,157,171)
```
#a3a7b4
```
#a3a7b4 rgb(163,167,180)
```
#aeb1bc
```
#aeb1bc rgb(174,177,188)
```
#b9bcc5
```
#b9bcc5 rgb(185,188,197)
```
#c4c6ce
```
#c4c6ce rgb(196,198,206)
```
#ced0d7
```
#ced0d7 rgb(206,208,215)
```
#d9dbe0
```
#d9dbe0 rgb(217,219,224)
```
#e4e5e9
```
#e4e5e9 rgb(228,229,233)
```
#efeff2
```
#efeff2 rgb(239,239,242)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#5b5c5f
```
#5b5c5f rgb(91,92,95)
```
#545866
```
#545866 rgb(84,88,102)
```
#4d546d
```
#4d546d rgb(77,84,109)
```
#465074
```
#465074 rgb(70,80,116)
```
#3f4c7b
```
#3f4c7b rgb(63,76,123)
```
#374883
```
#374883 rgb(55,72,131)
```
#30448a
```
#30448a rgb(48,68,138)
```
#294091
```
#294091 rgb(41,64,145)
```
#223c98
```
#223c98 rgb(34,60,152)
```
#1b389f
```
#1b389f rgb(27,56,159)
```
#1434a6
```
#1434a6 rgb(20,52,166)
```
#0c30ae
```
#0c30ae rgb(12,48,174)
```
#052cb5
```
#052cb5 rgb(5,44,181)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#57585b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e606d Protanopia 1% of men
#635e6e Deuteranopia 1% of men
#5b6168 Tritanopia 0.001% of the population

Trichromacy

#5a5d6a Protanomaly 1% of men, 0.01% of women
#5d5c6b Deuteranomaly 6% of men, 0.4% of women
#585e67 Tritanomaly 0.01% of the population

#545866 hex color

#545866 Color Information

#545866 Color Conversion

Color Schemes with #545866

Alternatives to #545866

#545866 Preview

Shades and Tints of #545866

Tones of #545866

Color Blindness Simulator