#144C53

#144C53

Color Values

HEX

#144C53

RGB

20, 76, 83

HSL

186.7, 61.2%, 20.2%

HSV

186.7, 75.9%, 32.5%

CMYK

75.9%, 8.4%, 0.0%, 67.5%

OKLCH

0.3844 0.0572 207.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#144C53

#531B14

Analogous

#14533B

#142C53

#144C53

Triadic

#144C53

#53144C

#4C5314

Split Complementary

#144C53

#53142C

#533B14

Tetradic

#144C53

#3B1453

#531B14

#2C5314

Color Blindness Simulation

Original

#144C53

Protanopia

#2C2D51

Deuteranopia

#292551

Tritanopia

#175050

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C5ECF1
300
#9CDFE7
400
#67CDDA
500
#31BCCE
600
#2896A4
700
#207884
800
#195E67
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

2.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026