#548b7f hex color

In a RGB color space, hex #548b7f is composed of 32.9% red, 54.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 0% magenta, 8.6% yellow and 45.5% black. It has a hue angle of 166.9 degrees, a saturation of 24.7% and a lightness of 43.7%. #548b7f color hex could be obtained by blending #a8fffe with #001700. Closest websafe color is: #669966.

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

● #548b7f color description : Mostly desaturated dark cyan.

The hexadecimal color #548b7f has RGB values of R:84, G:139, B:127 and CMYK values of C:0.4, M:0, Y:0.09, K:0.45. Its decimal value is 5540735.

Hex triplet	548b7f	`#548b7f`
RGB Decimal	84, 139, 127	`rgb(84,139,127)`
RGB Percent	32.9, 54.5, 49.8	`rgb(32.9%,54.5%,49.8%)`
CMYK	40, 0, 9, 45
HSL	166.9°, 24.7, 43.7	`hsl(166.9,24.7%,43.7%)`
HSV (or HSB)	166.9°, 39.6, 54.5
Web Safe	669966	`#669966`

CIE-LAB	53.901, -21.148, 0.687
XYZ	16.718, 21.881, 23.42
xyY	0.27, 0.353, 21.881
CIE-LCH	53.901, 21.16, 178.139
CIE-LUV	53.901, -25.769, 4.185
Hunter-Lab	46.778, -18.064, 3.06
Binary	01010100, 10001011, 01111111

#548b7f
```
#548b7f rgb(84,139,127)
```
#8b5460
```
#8b5460 rgb(139,84,96)
```

Complementary Color

#548b64
```
#548b64 rgb(84,139,100)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#547c8b
```
#547c8b rgb(84,124,139)
```

Analogous Color

#8b6454
```
#8b6454 rgb(139,100,84)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#8b547c
```
#8b547c rgb(139,84,124)
```

Split Complementary Color

#8b7f54
```
#8b7f54 rgb(139,127,84)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#7f548b
```
#7f548b rgb(127,84,139)
```

Triadic Color

#608b54
```
#608b54 rgb(96,139,84)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#7f548b
```
#7f548b rgb(127,84,139)
```
#8b5460
```
#8b5460 rgb(139,84,96)
```

Tetradic Color

#375b53
```
#375b53 rgb(55,91,83)
```
#416b62
```
#416b62 rgb(65,107,98)
```
#4a7b70
```
#4a7b70 rgb(74,123,112)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#5e9b8e
```
#5e9b8e rgb(94,155,142)
```
#6ca699
```
#6ca699 rgb(108,166,153)
```
#7cb0a4
```
#7cb0a4 rgb(124,176,164)
```

Monochromatic Color

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

#548b71
```
#548b71 rgb(84,139,113)
```
#548b76
```
#548b76 rgb(84,139,118)
```
#548b7a
```
#548b7a rgb(84,139,122)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#548b84
```
#548b84 rgb(84,139,132)
```
#548b88
```
#548b88 rgb(84,139,136)
```
#54898b
```
#54898b rgb(84,137,139)
```

Similar Colors

Text with hexadecimal color #548b7f

This text has a font color of #548b7f.

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

#548b7f background color

This paragraph has a background color of #548b7f.

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

#548b7f border color

This element has a border color of #548b7f.

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

CSS codes

.text {color:#548b7f;}

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

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

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 #f7fafa is the lightest one.

#030504
```
#030504 rgb(3,5,4)
```
#0a110f
```
#0a110f rgb(10,17,15)
```
#121d1a
```
#121d1a rgb(18,29,26)
```
#192926
```
#192926 rgb(25,41,38)
```
#203531
```
#203531 rgb(32,53,49)
```
#28423c
```
#28423c rgb(40,66,60)
```
#2f4e47
```
#2f4e47 rgb(47,78,71)
```
#365a52
```
#365a52 rgb(54,90,82)
```
#3e665d
```
#3e665d rgb(62,102,93)
```
#457369
```
#457369 rgb(69,115,105)
```
#4d7f74
```
#4d7f74 rgb(77,127,116)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#5b978a
```
#5b978a rgb(91,151,138)
```

Shade Color Variation

#65a294
```
#65a294 rgb(101,162,148)
```
#71a99d
```
#71a99d rgb(113,169,157)
```
#7db0a5
```
#7db0a5 rgb(125,176,165)
```
#89b8ae
```
#89b8ae rgb(137,184,174)
```
#95bfb6
```
#95bfb6 rgb(149,191,182)
```
#a2c7bf
```
#a2c7bf rgb(162,199,191)
```
#aecec7
```
#aecec7 rgb(174,206,199)
```
#bad5cf
```
#bad5cf rgb(186,213,207)
```
#c6ddd8
```
#c6ddd8 rgb(198,221,216)
```
#d3e4e0
```
#d3e4e0 rgb(211,228,224)
```
#dfece9
```
#dfece9 rgb(223,236,233)
```
#ebf3f1
```
#ebf3f1 rgb(235,243,241)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#6e7170
```
#6e7170 rgb(110,113,112)
```
#657a75
```
#657a75 rgb(101,122,117)
```
#5d827a
```
#5d827a rgb(93,130,122)
```
#548b7f
```
#548b7f rgb(84,139,127)
```
#4b9484
```
#4b9484 rgb(75,148,132)
```
#439c89
```
#439c89 rgb(67,156,137)
```
#3aa58e
```
#3aa58e rgb(58,165,142)
```
#32ad92
```
#32ad92 rgb(50,173,146)
```
#29b697
```
#29b697 rgb(41,182,151)
```
#21be9c
```
#21be9c rgb(33,190,156)
```
#18c7a1
```
#18c7a1 rgb(24,199,161)
```
#0fd0a6
```
#0fd0a6 rgb(15,208,166)
```
#07d8ab
```
#07d8ab rgb(7,216,171)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#727d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8680 Protanopia 1% of men
#92838a Deuteranopia 1% of men
#628e98 Tritanopia 0.001% of the population

Trichromacy

#77887f Protanomaly 1% of men, 0.01% of women
#7b8686 Deuteranomaly 6% of men, 0.4% of women
#5d8d8f Tritanomaly 0.01% of the population

#548b7f hex color

#548b7f Color Information

#548b7f Color Conversion

Color Schemes with #548b7f

Alternatives to #548b7f

#548b7f Preview

Shades and Tints of #548b7f

Tones of #548b7f

Color Blindness Simulator