#288162

#288162

Color Values

HEX

#288162

RGB

40, 129, 98

HSL

159.1, 52.7%, 33.1%

HSV

159.1, 69.0%, 50.6%

CMYK

69.0%, 0.0%, 24.0%, 49.4%

OKLCH

0.5423 0.097 165.8

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#288162

#812847

Analogous

#288135

#287381

#288162

Triadic

#288162

#622881

#816228

Split Complementary

#288162

#812873

#813528

Tetradic

#288162

#352881

#812847

#738128

Color Blindness Simulation

Original

#288162

Protanopia

#4F4F69

Deuteranopia

#49436B

Tritanopia

#2C6F71

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5F0
200
#C8EEE1
300
#A2E2CC
400
#6FD2B0
500
#3CC394
600
#309C76
700
#277D5F
800
#1E614A
900
#194737
950
#102D23

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.41:1

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