#147E82

#147E82

Color Values

HEX

#147E82

RGB

20, 126, 130

HSL

182.2, 73.3%, 29.4%

HSV

182.2, 84.6%, 51.0%

CMYK

84.6%, 3.1%, 0.0%, 49.0%

OKLCH

0.5406 0.0876 199.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#147E82

#821814

Analogous

#14824F

#144782

#147E82

Triadic

#147E82

#82147E

#7E8214

Split Complementary

#147E82

#821447

#824F14

Tetradic

#147E82

#4F1482

#821814

#478214

Color Blindness Simulation

Original

#147E82

Protanopia

#424381

Deuteranopia

#3C3481

Tritanopia

#198080

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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