#408860

#408860

Color Values

HEX

#408860

RGB

64, 136, 96

HSL

146.7, 36.0%, 39.2%

HSV

146.7, 52.9%, 53.3%

CMYK

52.9%, 0.0%, 29.4%, 46.7%

OKLCH

0.569 0.0961 157.0

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#408860

#884068

Analogous

#448840

#408884

#408860

Triadic

#408860

#604088

#886040

Split Complementary

#408860

#844088

#884044

Tetradic

#408860

#404488

#884068

#888440

Color Blindness Simulation

Original

#408860

Protanopia

#5F606A

Deuteranopia

#5B566C

Tritanopia

#447173

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DA
300
#ACD8BF
400
#7FC39D
500
#52AD7A
600
#418B62
700
#346F4E
800
#29573D
900
#21402F
950
#15291E

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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