#14B86F

#14B86F

Color Values

HEX

#14B86F

RGB

20, 184, 111

HSL

153.3, 80.4%, 40.0%

HSV

153.3, 89.1%, 72.2%

CMYK

89.1%, 0.0%, 39.7%, 27.8%

OKLCH

0.6897 0.1631 156.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#14B86F

#B8145D

Analogous

#14B81D

#14AFB8

#14B86F

Triadic

#14B86F

#6F14B8

#B86F14

Split Complementary

#14B86F

#B814AF

#B81D14

Tetradic

#14B86F

#1D14B8

#B8145D

#AFB814

Color Blindness Simulation

Original

#14B86F

Protanopia

#5B5C81

Deuteranopia

#524585

Tritanopia

#1C8F92

Achromatopsia

#909090

CSS Usage

background-color: #14B86F;
color: #14B86F;
border-color: #14B86F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF8
100
#E1F9EE
200
#BFF8DE
300
#91F3C7
400
#55EDA9
500
#19E68B
600
#14B86F
700
#109359
800
#0C7345
900
#0D5434
950
#083521

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.12:1

AA Pass AAA Pass

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