#289786

#289786

Color Values

HEX

#289786

RGB

40, 151, 134

HSL

170.8, 58.1%, 37.5%

HSV

170.8, 73.5%, 59.2%

CMYK

73.5%, 0.0%, 11.3%, 40.8%

OKLCH

0.6115 0.1 180.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#289786

#972839

Analogous

#28974F

#287197

#289786

Triadic

#289786

#862897

#978628

Split Complementary

#289786

#972871

#974F28

Tetradic

#289786

#4F2897

#972839

#719728

Color Blindness Simulation

Original

#289786

Protanopia

#58598A

Deuteranopia

#52498B

Tritanopia

#2E8D8E

Achromatopsia

#7E7E7E

CSS Usage

background-color: #289786;
color: #289786;
border-color: #289786;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E4F6F3
200
#C7F0EA
300
#9EE5DA
400
#6AD7C7
500
#35CAB3
600
#2BA18F
700
#228172
800
#1B6559
900
#174A42
950
#0F2F2A

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.86:1

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