#54857a hex color

In a RGB color space, hex #54857a is composed of 32.9% red, 52.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 0% magenta, 8.3% yellow and 47.8% black. It has a hue angle of 166.5 degrees, a saturation of 22.6% and a lightness of 42.5%. #54857a color hex could be obtained by blending #a8fff4 with #000b00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 52
- B 48
RGB color chart
- C 37
- M 0
- Y 8
- K 48
CMYK color chart

● #54857a color description : Mostly desaturated dark cyan.

The hexadecimal color #54857a has RGB values of R:84, G:133, B:122 and CMYK values of C:0.37, M:0, Y:0.08, K:0.48. Its decimal value is 5539194.

Hex triplet	54857a	`#54857a`
RGB Decimal	84, 133, 122	`rgb(84,133,122)`
RGB Percent	32.9, 52.2, 47.8	`rgb(32.9%,52.2%,47.8%)`
CMYK	37, 0, 8, 48
HSL	166.5°, 22.6, 42.5	`hsl(166.5,22.6%,42.5%)`
HSV (or HSB)	166.5°, 36.8, 52.2
Web Safe	669966	`#669966`

CIE-LAB	51.91, -19.218, 0.687
XYZ	15.556, 20.064, 21.464
xyY	0.273, 0.351, 20.064
CIE-LCH	51.91, 19.23, 177.953
CIE-LUV	51.91, -23.274, 3.868
Hunter-Lab	44.793, -16.399, 2.944
Binary	01010100, 10000101, 01111010

#54857a
```
#54857a rgb(84,133,122)
```
#85545f
```
#85545f rgb(133,84,95)
```

Complementary Color

#548562
```
#548562 rgb(84,133,98)
```
#54857a
```
#54857a rgb(84,133,122)
```
#547885
```
#547885 rgb(84,120,133)
```

Analogous Color

#856254
```
#856254 rgb(133,98,84)
```
#54857a
```
#54857a rgb(84,133,122)
```
#855478
```
#855478 rgb(133,84,120)
```

Split Complementary Color

#857a54
```
#857a54 rgb(133,122,84)
```
#54857a
```
#54857a rgb(84,133,122)
```
#7a5485
```
#7a5485 rgb(122,84,133)
```

Triadic Color

#5f8554
```
#5f8554 rgb(95,133,84)
```
#54857a
```
#54857a rgb(84,133,122)
```
#7a5485
```
#7a5485 rgb(122,84,133)
```
#85545f
```
#85545f rgb(133,84,95)
```

Tetradic Color

#36564f
```
#36564f rgb(54,86,79)
```
#40665d
```
#40665d rgb(64,102,93)
```
#4a756c
```
#4a756c rgb(74,117,108)
```
#54857a
```
#54857a rgb(84,133,122)
```
#5e9588
```
#5e9588 rgb(94,149,136)
```
#6ba195
```
#6ba195 rgb(107,161,149)
```
#7aaba0
```
#7aaba0 rgb(122,171,160)
```

Monochromatic Color

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

#54856e
```
#54856e rgb(84,133,110)
```
#548572
```
#548572 rgb(84,133,114)
```
#548576
```
#548576 rgb(84,133,118)
```
#54857a
```
#54857a rgb(84,133,122)
```
#54857e
```
#54857e rgb(84,133,126)
```
#548582
```
#548582 rgb(84,133,130)
```
#548485
```
#548485 rgb(84,132,133)
```

Similar Colors

Text with hexadecimal color #54857a

This text has a font color of #54857a.

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

#54857a background color

This paragraph has a background color of #54857a.

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

#54857a border color

This element has a border color of #54857a.

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

CSS codes

.text {color:#54857a;}

.background {background-color:#54857a;}

.border {border:1px solid #54857a;}

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

#000101
```
#000101 rgb(0,1,1)
```
#080d0c
```
#080d0c rgb(8,13,12)
```
#101917
```
#101917 rgb(16,25,23)
```
#172522
```
#172522 rgb(23,37,34)
```
#1f312d
```
#1f312d rgb(31,49,45)
```
#263d38
```
#263d38 rgb(38,61,56)
```
#2e4943
```
#2e4943 rgb(46,73,67)
```
#36554e
```
#36554e rgb(54,85,78)
```
#3d6159
```
#3d6159 rgb(61,97,89)
```
#456d64
```
#456d64 rgb(69,109,100)
```
#4c796f
```
#4c796f rgb(76,121,111)
```
#54857a
```
#54857a rgb(84,133,122)
```
#5c9185
```
#5c9185 rgb(92,145,133)
```

Shade Color Variation

#639d90
```
#639d90 rgb(99,157,144)
```
#6fa498
```
#6fa498 rgb(111,164,152)
```
#7caca1
```
#7caca1 rgb(124,172,161)
```
#88b4aa
```
#88b4aa rgb(136,180,170)
```
#94bbb2
```
#94bbb2 rgb(148,187,178)
```
#a0c3bb
```
#a0c3bb rgb(160,195,187)
```
#accac3
```
#accac3 rgb(172,202,195)
```
#b8d2cc
```
#b8d2cc rgb(184,210,204)
```
#c4dad5
```
#c4dad5 rgb(196,218,213)
```
#d0e1dd
```
#d0e1dd rgb(208,225,221)
```
#dce9e6
```
#dce9e6 rgb(220,233,230)
```
#e8f0ee
```
#e8f0ee rgb(232,240,238)
```
#f4f8f7
```
#f4f8f7 rgb(244,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #657471 is the less saturated color, while #01d8a8 is the most saturated one.

#657471
```
#657471 rgb(101,116,113)
```
#5c7d75
```
#5c7d75 rgb(92,125,117)
```
#54857a
```
#54857a rgb(84,133,122)
```
#4c8d7f
```
#4c8d7f rgb(76,141,127)
```
#439683
```
#439683 rgb(67,150,131)
```
#3b9e88
```
#3b9e88 rgb(59,158,136)
```
#33a68c
```
#33a68c rgb(51,166,140)
```
#2aaf91
```
#2aaf91 rgb(42,175,145)
```
#22b796
```
#22b796 rgb(34,183,150)
```
#1abf9a
```
#1abf9a rgb(26,191,154)
```
#11c89f
```
#11c89f rgb(17,200,159)
```
#09d0a3
```
#09d0a3 rgb(9,208,163)
```
#01d8a8
```
#01d8a8 rgb(1,216,168)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e7876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86827c Protanopia 1% of men
#8d7e85 Deuteranopia 1% of men
#628892 Tritanopia 0.001% of the population

Trichromacy

#74837b Protanomaly 1% of men, 0.01% of women
#788181 Deuteranomaly 6% of men, 0.4% of women
#5c8789 Tritanomaly 0.01% of the population

#54857a hex color

#54857a Color Information

#54857a Color Conversion

Color Schemes with #54857a

Alternatives to #54857a

#54857a Preview

Shades and Tints of #54857a

Tones of #54857a

Color Blindness Simulator