#548E66

#548E66

Color Values

HEX

#548E66

RGB

84, 142, 102

HSL

138.6, 25.7%, 44.3%

HSV

138.6, 40.8%, 55.7%

CMYK

40.8%, 0.0%, 28.2%, 44.3%

OKLCH

0.5955 0.0867 153.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#548E66

#8E547C

Analogous

#5F8E54

#548E83

#548E66

Triadic

#548E66

#66548E

#8E6654

Split Complementary

#548E66

#83548E

#8E545F

Tetradic

#548E66

#545F8E

#8E547C

#8E8354

Color Blindness Simulation

Original

#548E66

Protanopia

#6D6E70

Deuteranopia

#6A6572

Tritanopia

#577779

Achromatopsia

#7F7F7F

CSS Usage

background-color: #548E66;
color: #548E66;
border-color: #548E66;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E4D8
300
#B2D2BC
400
#88B997
500
#5FA073
600
#4C805C
700
#3D674A
800
#2F503A
900
#253C2C
950
#18261C

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026