#54565f hex color

In a RGB color space, hex #54565f is composed of 32.9% red, 33.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 9.5% magenta, 0% yellow and 62.7% black. It has a hue angle of 229.1 degrees, a saturation of 6.1% and a lightness of 35.1%. #54565f color hex could be obtained by blending #a8acbe with #000000. Closest websafe color is: #666666.

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

● #54565f color description : Very dark grayish blue.

The hexadecimal color #54565f has RGB values of R:84, G:86, B:95 and CMYK values of C:0.12, M:0.09, Y:0, K:0.63. Its decimal value is 5527135.

Hex triplet	54565f	`#54565f`
RGB Decimal	84, 86, 95	`rgb(84,86,95)`
RGB Percent	32.9, 33.7, 37.3	`rgb(32.9%,33.7%,37.3%)`
CMYK	12, 9, 0, 63
HSL	229.1°, 6.1, 35.1	`hsl(229.1,6.1%,35.1%)`
HSV (or HSB)	229.1°, 11.6, 37.3
Web Safe	666666	`#666666`

CIE-LAB	36.681, 1.239, -5.477
XYZ	9.049, 9.367, 12.157
xyY	0.296, 0.306, 9.367
CIE-LCH	36.681, 5.615, 282.742
CIE-LUV	36.681, -1.552, -7.23
Hunter-Lab	30.605, -0.78, -2.128
Binary	01010100, 01010110, 01011111

#54565f
```
#54565f rgb(84,86,95)
```
#5f5d54
```
#5f5d54 rgb(95,93,84)
```

Complementary Color

#545c5f
```
#545c5f rgb(84,92,95)
```
#54565f
```
#54565f rgb(84,86,95)
```
#58545f
```
#58545f rgb(88,84,95)
```

Analogous Color

#5c5f54
```
#5c5f54 rgb(92,95,84)
```
#54565f
```
#54565f rgb(84,86,95)
```
#5f5854
```
#5f5854 rgb(95,88,84)
```

Split Complementary Color

#565f54
```
#565f54 rgb(86,95,84)
```
#54565f
```
#54565f rgb(84,86,95)
```
#5f5456
```
#5f5456 rgb(95,84,86)
```

Triadic Color

#545f5d
```
#545f5d rgb(84,95,93)
```
#54565f
```
#54565f rgb(84,86,95)
```
#5f5456
```
#5f5456 rgb(95,84,86)
```
#5f5d54
```
#5f5d54 rgb(95,93,84)
```

Tetradic Color

#303136
```
#303136 rgb(48,49,54)
```
#3c3d44
```
#3c3d44 rgb(60,61,68)
```
#484a51
```
#484a51 rgb(72,74,81)
```
#54565f
```
#54565f rgb(84,86,95)
```
#60626d
```
#60626d rgb(96,98,109)
```
#6c6f7a
```
#6c6f7a rgb(108,111,122)
```
#787b88
```
#787b88 rgb(120,123,136)
```

Monochromatic Color

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

#54595f
```
#54595f rgb(84,89,95)
```
#54585f
```
#54585f rgb(84,88,95)
```
#54575f
```
#54575f rgb(84,87,95)
```
#54565f
```
#54565f rgb(84,86,95)
```
#54555f
```
#54555f rgb(84,85,95)
```
#54545f
```
#54545f rgb(84,84,95)
```
#55545f
```
#55545f rgb(85,84,95)
```

Similar Colors

Text with hexadecimal color #54565f

This text has a font color of #54565f.

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

#54565f background color

This paragraph has a background color of #54565f.

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

#54565f border color

This element has a border color of #54565f.

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

CSS codes

.text {color:#54565f;}

.background {background-color:#54565f;}

.border {border:1px solid #54565f;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#141416
```
#141416 rgb(20,20,22)
```
#1d1d21
```
#1d1d21 rgb(29,29,33)
```
#26272b
```
#26272b rgb(38,39,43)
```
#2f3035
```
#2f3035 rgb(47,48,53)
```
#383a40
```
#383a40 rgb(56,58,64)
```
#42434a
```
#42434a rgb(66,67,74)
```
#4b4d55
```
#4b4d55 rgb(75,77,85)
```
#54565f
```
#54565f rgb(84,86,95)
```
#5d5f69
```
#5d5f69 rgb(93,95,105)
```
#666974
```
#666974 rgb(102,105,116)
```
#70727e
```
#70727e rgb(112,114,126)
```

Shade Color Variation

#797c88
```
#797c88 rgb(121,124,136)
```
#838692
```
#838692 rgb(131,134,146)
```
#8e909b
```
#8e909b rgb(142,144,155)
```
#989aa4
```
#989aa4 rgb(152,154,164)
```
#a3a5ad
```
#a3a5ad rgb(163,165,173)
```
#adafb7
```
#adafb7 rgb(173,175,183)
```
#b7b9c0
```
#b7b9c0 rgb(183,185,192)
```
#c2c3c9
```
#c2c3c9 rgb(194,195,201)
```
#cccdd2
```
#cccdd2 rgb(204,205,210)
```
#d7d8db
```
#d7d8db rgb(215,216,219)
```
#e1e2e5
```
#e1e2e5 rgb(225,226,229)
```
#ebecee
```
#ebecee rgb(235,236,238)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

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

#54565f
```
#54565f rgb(84,86,95)
```
#4d5266
```
#4d5266 rgb(77,82,102)
```
#464d6d
```
#464d6d rgb(70,77,109)
```
#3f4974
```
#3f4974 rgb(63,73,116)
```
#38447b
```
#38447b rgb(56,68,123)
```
#324081
```
#324081 rgb(50,64,129)
```
#2b3c88
```
#2b3c88 rgb(43,60,136)
```
#24378f
```
#24378f rgb(36,55,143)
```
#1d3396
```
#1d3396 rgb(29,51,150)
```
#162f9d
```
#162f9d rgb(22,47,157)
```
#0f2aa4
```
#0f2aa4 rgb(15,42,164)
```
#0826ab
```
#0826ab rgb(8,38,171)
```
#0121b2
```
#0121b2 rgb(1,33,178)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#565658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5e67 Protanopia 1% of men
#635c68 Deuteranopia 1% of men
#5c5f65 Tritanopia 0.001% of the population

Trichromacy

#5a5b64 Protanomaly 1% of men, 0.01% of women
#5d5a64 Deuteranomaly 6% of men, 0.4% of women
#595b63 Tritanomaly 0.01% of the population

#54565f hex color

#54565f Color Information

#54565f Color Conversion

Color Schemes with #54565f

Alternatives to #54565f

#54565f Preview

Shades and Tints of #54565f

Tones of #54565f

Color Blindness Simulator