#289774

#289774

Color Values

HEX

#289774

RGB

40, 151, 116

HSL

161.1, 58.1%, 37.5%

HSV

161.1, 73.5%, 59.2%

CMYK

73.5%, 0.0%, 23.2%, 40.8%

OKLCH

0.6062 0.1116 167.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#289774

#97284B

Analogous

#28973D

#288397

#289774

Triadic

#289774

#742897

#977428

Split Complementary

#289774

#972883

#973D28

Tetradic

#289774

#3D2897

#97284B

#839728

Color Blindness Simulation

Original

#289774

Protanopia

#58597C

Deuteranopia

#52497E

Tritanopia

#2E8385

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E4F6F0
200
#C7F0E3
300
#9EE5CF
400
#6AD7B5
500
#35CA9B
600
#2BA17C
700
#228163
800
#1B654D
900
#174A3A
950
#0F2F25

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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