#145153

#145153

Color Values

HEX

#145153

RGB

20, 81, 83

HSL

181.9, 61.2%, 20.2%

HSV

181.9, 75.9%, 32.5%

CMYK

75.9%, 2.4%, 0.0%, 67.5%

OKLCH

0.3985 0.0598 198.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#145153

#531614

Analogous

#145336

#143253

#145153

Triadic

#145153

#531451

#515314

Split Complementary

#145153

#531432

#533614

Tetradic

#145153

#361453

#531614

#325314

Color Blindness Simulation

Original

#145153

Protanopia

#2E2F53

Deuteranopia

#2B2652

Tritanopia

#175252

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C5F0F1
300
#9CE5E7
400
#67D7DA
500
#31C9CE
600
#28A0A4
700
#208084
800
#196467
900
#16494B
950
#0E2E2F

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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