#289256

#289256

Color Values

HEX

#289256

RGB

40, 146, 86

HSL

146.0, 57.0%, 36.5%

HSV

146.0, 72.6%, 57.3%

CMYK

72.6%, 0.0%, 41.1%, 42.7%

OKLCH

0.5858 0.1319 153.8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#289256

#922864

Analogous

#2F9228

#28928B

#289256

Triadic

#289256

#562892

#925628

Split Complementary

#289256

#8B2892

#92282F

Tetradic

#289256

#282F92

#922864

#928B28

Color Blindness Simulation

Original

#289256

Protanopia

#565765

Deuteranopia

#504868

Tritanopia

#2D7072

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F6EC
200
#C7F0D9
300
#9FE5BD
400
#6BD699
500
#37C876
600
#2CA05E
700
#23804B
800
#1B643B
900
#18492D
950
#0F2E1D

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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