#14706F

#14706F

Color Values

HEX

#14706F

RGB

20, 112, 111

HSL

179.3, 69.7%, 25.9%

HSV

179.3, 82.1%, 43.9%

CMYK

82.1%, 0.0%, 0.9%, 56.1%

OKLCH

0.4957 0.0796 193.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#14706F

#701415

Analogous

#147041

#144370

#14706F

Triadic

#14706F

#6F1470

#706F14

Split Complementary

#14706F

#701443

#704114

Tetradic

#14706F

#411470

#701415

#437014

Color Blindness Simulation

Original

#14706F

Protanopia

#3C3D6F

Deuteranopia

#36306F

Tritanopia

#196F6F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C2F4F4
300
#97ECEB
400
#5FE2E1
500
#27D8D6
600
#1FADAB
700
#198A89
800
#136C6B
900
#124F4E
950
#0B3231

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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