#14975F

#14975F

Color Values

HEX

#14975F

RGB

20, 151, 95

HSL

154.4, 76.6%, 33.5%

HSV

154.4, 86.8%, 59.2%

CMYK

86.8%, 0.0%, 37.1%, 40.8%

OKLCH

0.5977 0.1355 157.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#14975F

#97144C

Analogous

#14971E

#148D97

#14975F

Triadic

#14975F

#5F1497

#975F14

Split Complementary

#14975F

#97148D

#971E14

Tetradic

#14975F

#1E1497

#97144C

#8D9714

Color Blindness Simulation

Original

#14975F

Protanopia

#4D4E6D

Deuteranopia

#453B70

Tritanopia

#1B777A

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9EF
200
#C0F7DF
300
#93F1C9
400
#58E9AB
500
#1EE18E
600
#18B471
700
#13905B
800
#0F7147
900
#0F5235
950
#0A3422

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026