#14985B

#14985B

Color Values

HEX

#14985B

RGB

20, 152, 91

HSL

152.3, 76.7%, 33.7%

HSV

152.3, 86.8%, 59.6%

CMYK

86.8%, 0.0%, 40.1%, 40.4%

OKLCH

0.5996 0.1406 156.0

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#14985B

#981451

Analogous

#149819

#149398

#14985B

Triadic

#14985B

#5B1498

#985B14

Split Complementary

#14985B

#981493

#981914

Tetradic

#14985B

#191498

#981451

#939814

Color Blindness Simulation

Original

#14985B

Protanopia

#4D4E6A

Deuteranopia

#463C6D

Tritanopia

#1B7578

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9EE
200
#C0F7DD
300
#93F1C5
400
#58E9A6
500
#1EE187
600
#18B46C
700
#139056
800
#0F7143
900
#0F5233
950
#093420

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026