#289156

#289156

Color Values

HEX

#289156

RGB

40, 145, 86

HSL

146.3, 56.8%, 36.3%

HSV

146.3, 72.4%, 56.9%

CMYK

72.4%, 0.0%, 40.7%, 43.1%

OKLCH

0.583 0.1305 154.0

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#289156

#912863

Analogous

#2E9128

#28918B

#289156

Triadic

#289156

#562891

#915628

Split Complementary

#289156

#8B2891

#91282E

Tetradic

#289156

#282E91

#912863

#918B28

Color Blindness Simulation

Original

#289156

Protanopia

#555664

Deuteranopia

#4F4868

Tritanopia

#2D7072

Achromatopsia

#767676

CSS Usage

background-color: #289156;
color: #289156;
border-color: #289156;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF7
100
#E5F6EC
200
#C7F0D9
300
#9FE5BE
400
#6BD69A
500
#37C877
600
#2CA05F
700
#23804C
800
#1C643B
900
#18492D
950
#0F2E1D

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026