#14906A

#14906A

Color Values

HEX

#14906A

RGB

20, 144, 106

HSL

161.6, 75.6%, 32.2%

HSV

161.6, 86.1%, 56.5%

CMYK

86.1%, 0.0%, 26.4%, 43.5%

OKLCH

0.5813 0.1167 165.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#14906A

#90143A

Analogous

#14902C

#147890

#14906A

Triadic

#14906A

#6A1490

#906A14

Split Complementary

#14906A

#901478

#902C14

Tetradic

#14906A

#2C1490

#90143A

#789014

Color Blindness Simulation

Original

#14906A

Protanopia

#4A4B73

Deuteranopia

#423975

Tritanopia

#1A7A7C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2FCF9
100
#E2F9F2
200
#C0F6E6
300
#94F0D4
400
#59E8BC
500
#1FE0A5
600
#19B384
700
#148F69
800
#107052
900
#0F513D
950
#0A3327

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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