#14EB96

#14EB96

Color Values

HEX

#14EB96

RGB

20, 235, 150

HSL

156.3, 84.3%, 50.0%

HSV

156.3, 91.5%, 92.2%

CMYK

91.5%, 0.0%, 36.2%, 7.8%

OKLCH

0.8291 0.1911 158.1

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#14EB96

#EB1469

Analogous

#14EB2B

#14D4EB

#14EB96

Triadic

#14EB96

#9614EB

#EB9614

Split Complementary

#14EB96

#EB14D4

#EB2B14

Tetradic

#14EB96

#2B14EB

#EB1469

#D4EB14

Color Blindness Simulation

Original

#14EB96

Protanopia

#7173AB

Deuteranopia

#6554B0

Tritanopia

#1FBBBE

Achromatopsia

#B7B7B7

CSS Usage

background-color: #14EB96;
color: #14EB96;
border-color: #14EB96;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF9
100
#E0FAF0
200
#BDF9E2
300
#8EF5CD
400
#51F0B1
500
#14EB96
600
#10BC78
700
#0D9660
800
#0A754B
900
#0C5538
950
#073623

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026