#14EB97

#14EB97

Color Values

HEX

#14EB97

RGB

20, 235, 151

HSL

156.6, 84.3%, 50.0%

HSV

156.6, 91.5%, 92.2%

CMYK

91.5%, 0.0%, 35.7%, 7.8%

OKLCH

0.8293 0.1903 158.4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#14EB97

#EB1468

Analogous

#14EB2C

#14D3EB

#14EB97

Triadic

#14EB97

#9714EB

#EB9714

Split Complementary

#14EB97

#EB14D3

#EB2C14

Tetradic

#14EB97

#2C14EB

#EB1468

#D3EB14

Color Blindness Simulation

Original

#14EB97

Protanopia

#7173AB

Deuteranopia

#6554B0

Tritanopia

#1FBBBF

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FAF0
200
#BDF9E2
300
#8EF5CD
400
#51F0B2
500
#14EB97
600
#10BC79
700
#0D9661
800
#0A754C
900
#0C5539
950
#073624

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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