#408153

#408153

Color Values

HEX

#408153

RGB

64, 129, 83

HSL

137.5, 33.7%, 37.8%

HSV

137.5, 50.4%, 50.6%

CMYK

50.4%, 0.0%, 35.7%, 49.4%

OKLCH

0.5474 0.0983 151.4

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#408153

#81406E

Analogous

#4D8140

#408173

#408153

Triadic

#408153

#534081

#815340

Split Complementary

#408153

#734081

#81404D

Tetradic

#408153

#404D81

#81406E

#817340

Color Blindness Simulation

Original

#408153

Protanopia

#5C5D5E

Deuteranopia

#585461

Tritanopia

#436769

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EB
200
#CFE7D6
300
#ADD6B9
400
#81C093
500
#55AA6E
600
#448858
700
#366D46
800
#2A5537
900
#223F2A
950
#15281B

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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