#288360

#288360

Color Values

HEX

#288360

RGB

40, 131, 96

HSL

156.9, 53.2%, 33.5%

HSV

156.9, 69.5%, 51.4%

CMYK

69.5%, 0.0%, 26.7%, 48.6%

OKLCH

0.5472 0.1015 163.5

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#288360

#83284B

Analogous

#288332

#287883

#288360

Triadic

#288360

#602883

#836028

Split Complementary

#288360

#832878

#833228

Tetradic

#288360

#322883

#83284B

#788328

Color Blindness Simulation

Original

#288360

Protanopia

#4F5068

Deuteranopia

#4A436A

Tritanopia

#2D6F71

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EEE0
300
#A1E2C9
400
#6ED3AC
500
#3CC38F
600
#309C72
700
#267D5C
800
#1E6248
900
#194836
950
#102D22

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026