#14985E

#14985E

Color Values

HEX

#14985E

RGB

20, 152, 94

HSL

153.6, 76.7%, 33.7%

HSV

153.6, 86.8%, 59.6%

CMYK

86.8%, 0.0%, 38.2%, 40.4%

OKLCH

0.6003 0.1378 157.1

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#14985E

#98144E

Analogous

#14981C

#149098

#14985E

Triadic

#14985E

#5E1498

#985E14

Split Complementary

#14985E

#981490

#981C14

Tetradic

#14985E

#1C1498

#98144E

#909814

Color Blindness Simulation

Original

#14985E

Protanopia

#4D4E6C

Deuteranopia

#463C6F

Tritanopia

#1B777A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9EF
200
#C0F7DF
300
#93F1C7
400
#58E9A9
500
#1EE18B
600
#18B46F
700
#139059
800
#0F7146
900
#0F5234
950
#093421

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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