#14756F

#14756F

Color Values

HEX

#14756F

RGB

20, 117, 111

HSL

176.3, 70.8%, 26.9%

HSV

176.3, 82.9%, 45.9%

CMYK

82.9%, 0.0%, 5.1%, 54.1%

OKLCH

0.5093 0.0835 188.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#14756F

#75141A

Analogous

#14753F

#144B75

#14756F

Triadic

#14756F

#6F1475

#756F14

Split Complementary

#14756F

#75144B

#753F14

Tetradic

#14756F

#3F1475

#75141A

#4B7514

Color Blindness Simulation

Original

#14756F

Protanopia

#3E3F70

Deuteranopia

#383171

Tritanopia

#197272

Achromatopsia

#606060

CSS Usage

background-color: #14756F;
color: #14756F;
border-color: #14756F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFB
100
#E2F8F7
200
#C2F5F1
300
#96EDE8
400
#5EE3DB
500
#25DACF
600
#1EAEA5
700
#188B84
800
#136D67
900
#124F4C
950
#0B3230

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

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