#51884C

#51884C

Color Values

HEX

#51884C

RGB

81, 136, 76

HSL

115.0, 28.3%, 41.6%

HSV

115.0, 44.1%, 53.3%

CMYK

40.4%, 0.0%, 44.1%, 46.7%

OKLCH

0.573 0.1067 142.3

Properties

Cool Light Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#51884C

#834C88

Analogous

#6F884C

#4C8865

#51884C

Triadic

#51884C

#4C5188

#884C51

Split Complementary

#51884C

#654C88

#884C6F

Tetradic

#51884C

#4C6F88

#834C88

#88654C

Color Blindness Simulation

Original

#51884C

Protanopia

#69695B

Deuteranopia

#66625E

Tritanopia

#546668

Achromatopsia

#787878

CSS Usage

background-color: #51884C;
color: #51884C;
border-color: #51884C;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D3E5D1
300
#B3D3B0
400
#8ABB86
500
#61A45B
600
#4E8349
700
#3E693B
800
#31522E
900
#263D24
950
#182617

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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