#14B575

#14B575

Color Values

HEX

#14B575

RGB

20, 181, 117

HSL

156.1, 80.1%, 39.4%

HSV

156.1, 89.0%, 71.0%

CMYK

89.0%, 0.0%, 35.4%, 29.0%

OKLCH

0.683 0.154 158.8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#14B575

#B51454

Analogous

#14B524

#14A5B5

#14B575

Triadic

#14B575

#7514B5

#B57514

Split Complementary

#14B575

#B514A5

#B52414

Tetradic

#14B575

#2414B5

#B51454

#A5B514

Color Blindness Simulation

Original

#14B575

Protanopia

#5A5B84

Deuteranopia

#504488

Tritanopia

#1C9193

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1F9F0
200
#BFF8E1
300
#91F3CC
400
#55ECB0
500
#19E694
600
#14B877
700
#10935F
800
#0D734A
900
#0E5338
950
#093523

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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