#538165

#538165

Color Values

HEX

#538165

RGB

83, 129, 101

HSL

143.5, 21.7%, 41.6%

HSV

143.5, 35.7%, 50.6%

CMYK

35.7%, 0.0%, 21.7%, 49.4%

OKLCH

0.5616 0.0668 156.8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#538165

#81536F

Analogous

#588153

#53817C

#538165

Triadic

#538165

#655381

#816553

Split Complementary

#538165

#7C5381

#815358

Tetradic

#538165

#535881

#81536F

#817C53

Color Blindness Simulation

Original

#538165

Protanopia

#67676C

Deuteranopia

#64616D

Tritanopia

#557172

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E3DA
300
#B5CFBF
400
#8CB59C
500
#649B7A
600
#507C61
700
#40634E
800
#324E3D
900
#273A2E
950
#19251D

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026