#147D81

#147D81

Color Values

HEX

#147D81

RGB

20, 125, 129

HSL

182.2, 73.2%, 29.2%

HSV

182.2, 84.5%, 50.6%

CMYK

84.5%, 3.1%, 0.0%, 49.4%

OKLCH

0.5376 0.087 199.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#147D81

#811814

Analogous

#14814E

#144681

#147D81

Triadic

#147D81

#81147D

#7D8114

Split Complementary

#147D81

#811446

#814E14

Tetradic

#147D81

#4E1481

#811814

#468114

Color Blindness Simulation

Original

#147D81

Protanopia

#414280

Deuteranopia

#3B3480

Tritanopia

#197F7F

Achromatopsia

#676767

CSS Usage

background-color: #147D81;
color: #147D81;
border-color: #147D81;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C1F4F5
300
#95EBEF
400
#5CE1E6
500
#22D6DD
600
#1BABB1
700
#16898D
800
#116B6E
900
#114E50
950
#0A3133

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026