#143C39

#143C39

Color Values

HEX

#143C39

RGB

20, 60, 57

HSL

175.5, 50.0%, 15.7%

HSV

175.5, 66.7%, 23.5%

CMYK

66.7%, 0.0%, 5.0%, 76.5%

OKLCH

0.327 0.0448 188.4

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#143C39

#3C1417

Analogous

#143C25

#142B3C

#143C39

Triadic

#143C39

#39143C

#3C3914

Split Complementary

#143C39

#3C142B

#3C2514

Tetradic

#143C39

#25143C

#3C1417

#2B3C14

Color Blindness Simulation

Original

#143C39

Protanopia

#25263A

Deuteranopia

#23203A

Tritanopia

#163A3A

Achromatopsia

#333333

CSS Usage

background-color: #143C39;
color: #143C39;
border-color: #143C39;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#C9EDEA
300
#A3E0DC
400
#71D0C9
500
#40BFB6
600
#339991
700
#297A74
800
#20605B
900
#1B4643
950
#112C2A

Contrast Checker

Text on white

12.1:1

AA Pass AAA Pass

Text on black

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