#54996C

#54996C

Color Values

HEX

#54996C

RGB

84, 153, 108

HSL

140.9, 29.1%, 46.5%

HSV

140.9, 45.1%, 60.0%

CMYK

45.1%, 0.0%, 29.4%, 40.0%

OKLCH

0.6248 0.0983 153.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#54996C

#995481

Analogous

#5F9954

#54998F

#54996C

Triadic

#54996C

#6C5499

#996C54

Split Complementary

#54996C

#8F5499

#99545F

Tetradic

#54996C

#545F99

#995481

#998F54

Color Blindness Simulation

Original

#54996C

Protanopia

#727277

Deuteranopia

#6E697A

Tritanopia

#577F81

Achromatopsia

#878787

CSS Usage

background-color: #54996C;
color: #54996C;
border-color: #54996C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5F9F7
100
#E9F2EC
200
#D1E6D8
300
#B0D4BC
400
#85BC98
500
#5AA574
600
#48845D
700
#3A694A
800
#2D523A
900
#243D2D
950
#17271C

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15: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