#489375

#489375

Color Values

HEX

#489375

RGB

72, 147, 117

HSL

156.0, 34.2%, 42.9%

HSV

156.0, 51.0%, 57.6%

CMYK

51.0%, 0.0%, 20.4%, 42.4%

OKLCH

0.6064 0.0887 165.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#489375

#934866

Analogous

#48934F

#488B93

#489375

Triadic

#489375

#754893

#937548

Split Complementary

#489375

#93488B

#934F48

Tetradic

#489375

#4F4893

#934866

#8B9348

Color Blindness Simulation

Original

#489375

Protanopia

#68697C

Deuteranopia

#645E7E

Tritanopia

#4C8283

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ADD7C6
400
#80C1A7
500
#54AB88
600
#43896D
700
#366E57
800
#2A5644
900
#223F33
950
#152820

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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