#489667

#489667

Color Values

HEX

#489667

RGB

72, 150, 103

HSL

143.8, 35.1%, 43.5%

HSV

143.8, 52.0%, 58.8%

CMYK

52.0%, 0.0%, 31.3%, 41.2%

OKLCH

0.6106 0.106 155.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#489667

#964877

Analogous

#509648

#48968E

#489667

Triadic

#489667

#674896

#966748

Split Complementary

#489667

#8E4896

#964850

Tetradic

#489667

#485096

#964877

#968E48

Color Blindness Simulation

Original

#489667

Protanopia

#6A6A72

Deuteranopia

#655F75

Tritanopia

#4C7B7D

Achromatopsia

#828282

CSS Usage

background-color: #489667;
color: #489667;
border-color: #489667;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE8D9
300
#ACD7BD
400
#80C29A
500
#53AC76
600
#428A5F
700
#356E4C
800
#29563B
900
#21402D
950
#15281D

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026