#548b7b hex color

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

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

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

The hexadecimal color #548b7b has RGB values of R:84, G:139, B:123 and CMYK values of C:0.4, M:0, Y:0.12, K:0.45. Its decimal value is 5540731.

Hex triplet	548b7b	`#548b7b`
RGB Decimal	84, 139, 123	`rgb(84,139,123)`
RGB Percent	32.9, 54.5, 48.2	`rgb(32.9%,54.5%,48.2%)`
CMYK	40, 0, 12, 45
HSL	162.5°, 24.7, 43.7	`hsl(162.5,24.7%,43.7%)`
HSV (or HSB)	162.5°, 39.6, 54.5
Web Safe	669966	`#669966`

CIE-LAB	53.792, -22.113, 2.84
XYZ	16.463, 21.779, 22.074
xyY	0.273, 0.361, 21.779
CIE-LCH	53.792, 22.295, 172.681
CIE-LUV	53.792, -25.86, 7.326
Hunter-Lab	46.668, -18.701, 4.624
Binary	01010100, 10001011, 01111011

#548b7b
```
#548b7b rgb(84,139,123)
```
#8b5464
```
#8b5464 rgb(139,84,100)
```

Complementary Color

#548b60
```
#548b60 rgb(84,139,96)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#54808b
```
#54808b rgb(84,128,139)
```

Analogous Color

#8b6054
```
#8b6054 rgb(139,96,84)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#8b5480
```
#8b5480 rgb(139,84,128)
```

Split Complementary Color

#8b7b54
```
#8b7b54 rgb(139,123,84)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#7b548b
```
#7b548b rgb(123,84,139)
```

Triadic Color

#648b54
```
#648b54 rgb(100,139,84)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#7b548b
```
#7b548b rgb(123,84,139)
```
#8b5464
```
#8b5464 rgb(139,84,100)
```

Tetradic Color

#375b51
```
#375b51 rgb(55,91,81)
```
#416b5f
```
#416b5f rgb(65,107,95)
```
#4a7b6d
```
#4a7b6d rgb(74,123,109)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#5e9b89
```
#5e9b89 rgb(94,155,137)
```
#6ca695
```
#6ca695 rgb(108,166,149)
```
#7cb0a1
```
#7cb0a1 rgb(124,176,161)
```

Monochromatic Color

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

#548b6d
```
#548b6d rgb(84,139,109)
```
#548b72
```
#548b72 rgb(84,139,114)
```
#548b76
```
#548b76 rgb(84,139,118)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#548b80
```
#548b80 rgb(84,139,128)
```
#548b84
```
#548b84 rgb(84,139,132)
```
#548b89
```
#548b89 rgb(84,139,137)
```

Similar Colors

Text with hexadecimal color #548b7b

This text has a font color of #548b7b.

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

#548b7b background color

This paragraph has a background color of #548b7b.

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

#548b7b border color

This element has a border color of #548b7b.

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

CSS codes

.text {color:#548b7b;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110f
```
#0a110f rgb(10,17,15)
```
#121d1a
```
#121d1a rgb(18,29,26)
```
#192924
```
#192924 rgb(25,41,36)
```
#20352f
```
#20352f rgb(32,53,47)
```
#28423a
```
#28423a rgb(40,66,58)
```
#2f4e45
```
#2f4e45 rgb(47,78,69)
```
#365a50
```
#365a50 rgb(54,90,80)
```
#3e665b
```
#3e665b rgb(62,102,91)
```
#457365
```
#457365 rgb(69,115,101)
```
#4d7f70
```
#4d7f70 rgb(77,127,112)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#5b9786
```
#5b9786 rgb(91,151,134)
```

Shade Color Variation

#65a290
```
#65a290 rgb(101,162,144)
```
#71a999
```
#71a999 rgb(113,169,153)
```
#7db0a1
```
#7db0a1 rgb(125,176,161)
```
#89b8aa
```
#89b8aa rgb(137,184,170)
```
#95bfb3
```
#95bfb3 rgb(149,191,179)
```
#a2c7bc
```
#a2c7bc rgb(162,199,188)
```
#aecec5
```
#aecec5 rgb(174,206,197)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#c6ddd6
```
#c6ddd6 rgb(198,221,214)
```
#d3e4df
```
#d3e4df rgb(211,228,223)
```
#dfece8
```
#dfece8 rgb(223,236,232)
```
#ebf3f1
```
#ebf3f1 rgb(235,243,241)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#6e7170
```
#6e7170 rgb(110,113,112)
```
#657a74
```
#657a74 rgb(101,122,116)
```
#5d8277
```
#5d8277 rgb(93,130,119)
```
#548b7b
```
#548b7b rgb(84,139,123)
```
#4b947f
```
#4b947f rgb(75,148,127)
```
#439c82
```
#439c82 rgb(67,156,130)
```
#3aa586
```
#3aa586 rgb(58,165,134)
```
#32ad89
```
#32ad89 rgb(50,173,137)
```
#29b68d
```
#29b68d rgb(41,182,141)
```
#21be91
```
#21be91 rgb(33,190,145)
```
#18c794
```
#18c794 rgb(24,199,148)
```
#0fd098
```
#0fd098 rgb(15,208,152)
```
#07d89b
```
#07d89b rgb(7,216,155)
```

Tone Color Variation

Below, you can see how #548b7b 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
#727d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b867c Protanopia 1% of men
#938386 Deuteranopia 1% of men
#638d98 Tritanopia 0.001% of the population

Trichromacy

#77887c Protanomaly 1% of men, 0.01% of women
#7c8582 Deuteranomaly 6% of men, 0.4% of women
#5d8c8d Tritanomaly 0.01% of the population

#548b7b hex color

#548b7b Color Information

#548b7b Color Conversion

Color Schemes with #548b7b

Alternatives to #548b7b

#548b7b Preview

Shades and Tints of #548b7b

Tones of #548b7b

Color Blindness Simulator