#14884D

#14884D

Color Values

HEX

#14884D

RGB

20, 136, 77

HSL

149.5, 74.4%, 30.6%

HSV

149.5, 85.3%, 53.3%

CMYK

85.3%, 0.0%, 43.4%, 46.7%

OKLCH

0.5526 0.1327 154.2

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#14884D

#88144F

Analogous

#158814

#148887

#14884D

Triadic

#14884D

#4D1488

#884D14

Split Complementary

#14884D

#871488

#881415

Tetradic

#14884D

#141588

#88144F

#888714

Color Blindness Simulation

Original

#14884D

Protanopia

#46475B

Deuteranopia

#40375F

Tritanopia

#1A6769

Achromatopsia

#6B6B6B

CSS Usage

background-color: #14884D;
color: #14884D;
border-color: #14884D;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F6DB
300
#94EFC1
400
#5AE79F
500
#21DE7E
600
#1AB265
700
#158E51
800
#106F3F
900
#105130
950
#0A331E

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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