#538661

#538661

Color Values

HEX

#538661

RGB

83, 134, 97

HSL

136.5, 23.5%, 42.5%

HSV

136.5, 38.1%, 52.5%

CMYK

38.1%, 0.0%, 27.6%, 47.5%

OKLCH

0.5733 0.0794 152.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#538661

#865378

Analogous

#5E8653

#53867A

#538661

Triadic

#538661

#615386

#866153

Split Complementary

#538661

#7A5386

#86535E

Tetradic

#538661

#535E86

#865378

#867A53

Color Blindness Simulation

Original

#538661

Protanopia

#696A6A

Deuteranopia

#66626C

Tritanopia

#567173

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF1EC
200
#D3E4D8
300
#B3D0BB
400
#8AB797
500
#629D72
600
#4E7E5B
700
#3E6549
800
#314F39
900
#263B2C
950
#18251C

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.95:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026