#145557

#145557

Color Values

HEX

#145557

RGB

20, 85, 87

HSL

181.8, 62.6%, 21.0%

HSV

181.8, 77.0%, 34.1%

CMYK

77.0%, 2.3%, 0.0%, 65.9%

OKLCH

0.4115 0.0625 198.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#145557

#571614

Analogous

#145738

#143457

#145557

Triadic

#145557

#571455

#555714

Split Complementary

#145557

#571434

#573814

Tetradic

#145557

#381457

#571614

#345714

Color Blindness Simulation

Original

#145557

Protanopia

#303157

Deuteranopia

#2C2856

Tritanopia

#175656

Achromatopsia

#474747

CSS Usage

background-color: #145557;
color: #145557;
border-color: #145557;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5F0F2
300
#9BE6E8
400
#66D8DC
500
#30CBCF
600
#26A2A6
700
#1F8285
800
#186568
900
#154A4C
950
#0D2F30

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026