#144749

#144749

Color Values

HEX

#144749

RGB

20, 71, 73

HSL

182.3, 57.0%, 18.2%

HSV

182.3, 72.6%, 28.6%

CMYK

72.6%, 2.7%, 0.0%, 71.4%

OKLCH

0.3658 0.0528 198.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#144749

#491614

Analogous

#144930

#142C49

#144749

Triadic

#144749

#491447

#474914

Split Complementary

#144749

#49142C

#493014

Tetradic

#144749

#301449

#491614

#2C4914

Color Blindness Simulation

Original

#144749

Protanopia

#2A2B49

Deuteranopia

#272348

Tritanopia

#174848

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EEF0
300
#9FE2E5
400
#6BD2D6
500
#37C3C8
600
#2C9CA0
700
#237D80
800
#1B6164
900
#184749
950
#0F2D2E

Contrast Checker

Text on white

10.36:1

AA Pass AAA Pass

Text on black

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