#14906C

#14906C

Color Values

HEX

#14906C

RGB

20, 144, 108

HSL

162.6, 75.6%, 32.2%

HSV

162.6, 86.1%, 56.5%

CMYK

86.1%, 0.0%, 25.0%, 43.5%

OKLCH

0.5818 0.115 166.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#14906C

#901438

Analogous

#14902E

#147690

#14906C

Triadic

#14906C

#6C1490

#906C14

Split Complementary

#14906C

#901476

#902E14

Tetradic

#14906C

#2E1490

#901438

#769014

Color Blindness Simulation

Original

#14906C

Protanopia

#4A4B75

Deuteranopia

#423977

Tritanopia

#1A7C7D

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2FCF9
100
#E2F9F2
200
#C0F6E7
300
#94F0D5
400
#59E8BF
500
#1FE0A8
600
#19B386
700
#148F6C
800
#107054
900
#0F513E
950
#0A3327

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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