#548c6f hex color

In a RGB color space, hex #548c6f is composed of 32.9% red, 54.9% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 20.7% yellow and 45.1% black. It has a hue angle of 148.9 degrees, a saturation of 25% and a lightness of 43.9%. #548c6f color hex could be obtained by blending #a8ffde with #001900. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 55
- B 44
RGB color chart
- C 40
- M 0
- Y 21
- K 45
CMYK color chart

● #548c6f color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #548c6f has RGB values of R:84, G:140, B:111 and CMYK values of C:0.4, M:0, Y:0.21, K:0.45. Its decimal value is 5540975.

Hex triplet	548c6f	`#548c6f`
RGB Decimal	84, 140, 111	`rgb(84,140,111)`
RGB Percent	32.9, 54.9, 43.5	`rgb(32.9%,54.9%,43.5%)`
CMYK	40, 0, 21, 45
HSL	148.9°, 25, 43.9	`hsl(148.9,25%,43.9%)`
HSV (or HSB)	148.9°, 40, 54.9
Web Safe	669966	`#669966`

CIE-LAB	53.801, -25.351, 9.763
XYZ	15.903, 21.788, 18.406
xyY	0.283, 0.388, 21.788
CIE-LCH	53.801, 27.166, 158.939
CIE-LUV	53.801, -26.571, 17.088
Hunter-Lab	46.677, -20.872, 9.295
Binary	01010100, 10001100, 01101111

#548c6f
```
#548c6f rgb(84,140,111)
```
#8c5471
```
#8c5471 rgb(140,84,113)
```

Complementary Color

#558c54
```
#558c54 rgb(85,140,84)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#548c8b
```
#548c8b rgb(84,140,139)
```

Analogous Color

#8c5455
```
#8c5455 rgb(140,84,85)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#8b548c
```
#8b548c rgb(139,84,140)
```

Split Complementary Color

#8c6f54
```
#8c6f54 rgb(140,111,84)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#6f548c
```
#6f548c rgb(111,84,140)
```

Triadic Color

#718c54
```
#718c54 rgb(113,140,84)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#6f548c
```
#6f548c rgb(111,84,140)
```
#8c5471
```
#8c5471 rgb(140,84,113)
```

Tetradic Color

#375c49
```
#375c49 rgb(55,92,73)
```
#416c56
```
#416c56 rgb(65,108,86)
```
#4a7c62
```
#4a7c62 rgb(74,124,98)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#5e9c7c
```
#5e9c7c rgb(94,156,124)
```
#6ca788
```
#6ca788 rgb(108,167,136)
```
#7cb095
```
#7cb095 rgb(124,176,149)
```

Monochromatic Color

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

#548c61
```
#548c61 rgb(84,140,97)
```
#548c66
```
#548c66 rgb(84,140,102)
```
#548c6a
```
#548c6a rgb(84,140,106)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#548c74
```
#548c74 rgb(84,140,116)
```
#548c78
```
#548c78 rgb(84,140,120)
```
#548c7d
```
#548c7d rgb(84,140,125)
```

Similar Colors

Text with hexadecimal color #548c6f

This text has a font color of #548c6f.

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

#548c6f background color

This paragraph has a background color of #548c6f.

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

#548c6f border color

This element has a border color of #548c6f.

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

CSS codes

.text {color:#548c6f;}

.background {background-color:#548c6f;}

.border {border:1px solid #548c6f;}

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110e
```
#0a110e rgb(10,17,14)
```
#121e18
```
#121e18 rgb(18,30,24)
```
#192a21
```
#192a21 rgb(25,42,33)
```
#21362b
```
#21362b rgb(33,54,43)
```
#284235
```
#284235 rgb(40,66,53)
```
#2f4f3e
```
#2f4f3e rgb(47,79,62)
```
#375b48
```
#375b48 rgb(55,91,72)
```
#3e6752
```
#3e6752 rgb(62,103,82)
```
#45735c
```
#45735c rgb(69,115,92)
```
#4d8065
```
#4d8065 rgb(77,128,101)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#5b9879
```
#5b9879 rgb(91,152,121)
```

Shade Color Variation

#65a283
```
#65a283 rgb(101,162,131)
```
#71aa8c
```
#71aa8c rgb(113,170,140)
```
#7db196
```
#7db196 rgb(125,177,150)
```
#8ab9a0
```
#8ab9a0 rgb(138,185,160)
```
#96c0aa
```
#96c0aa rgb(150,192,170)
```
#a2c7b4
```
#a2c7b4 rgb(162,199,180)
```
#aecfbe
```
#aecfbe rgb(174,207,190)
```
#bbd6c8
```
#bbd6c8 rgb(187,214,200)
```
#c7ddd2
```
#c7ddd2 rgb(199,221,210)
```
#d3e5dc
```
#d3e5dc rgb(211,229,220)
```
#dfece5
```
#dfece5 rgb(223,236,229)
```
#ecf3ef
```
#ecf3ef rgb(236,243,239)
```
#f8fbf9
```
#f8fbf9 rgb(248,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7270 is the less saturated color, while #06da6c is the most saturated one.

#6e7270
```
#6e7270 rgb(110,114,112)
```
#657b70
```
#657b70 rgb(101,123,112)
```
#5d836f
```
#5d836f rgb(93,131,111)
```
#548c6f
```
#548c6f rgb(84,140,111)
```
#4b956f
```
#4b956f rgb(75,149,111)
```
#439d6e
```
#439d6e rgb(67,157,110)
```
#3aa66e
```
#3aa66e rgb(58,166,110)
```
#32ae6e
```
#32ae6e rgb(50,174,110)
```
#29b76d
```
#29b76d rgb(41,183,109)
```
#20c06d
```
#20c06d rgb(32,192,109)
```
#18c86d
```
#18c86d rgb(24,200,109)
```
#0fd16d
```
#0fd16d rgb(15,209,109)
```
#06da6c
```
#06da6c rgb(6,218,108)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#717c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8671 Protanopia 1% of men
#98827b Deuteranopia 1% of men
#668d97 Tritanopia 0.001% of the population

Trichromacy

#798870 Protanomaly 1% of men, 0.01% of women
#7f8677 Deuteranomaly 6% of men, 0.4% of women
#5f8c88 Tritanomaly 0.01% of the population

#548c6f hex color

#548c6f Color Information

#548c6f Color Conversion

Color Schemes with #548c6f

Alternatives to #548c6f

#548c6f Preview

Shades and Tints of #548c6f

Tones of #548c6f

Color Blindness Simulator