#1F443F

#1F443F

Color Values

HEX

#1F443F

RGB

31, 68, 63

HSL

171.9, 37.4%, 19.4%

HSV

171.9, 54.4%, 26.7%

CMYK

54.4%, 0.0%, 7.4%, 73.3%

OKLCH

0.3576 0.0436 184.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#1F443F

#441F24

Analogous

#1F442C

#1F3644

#1F443F

Triadic

#1F443F

#3F1F44

#443F1F

Split Complementary

#1F443F

#441F36

#442C1F

Tetradic

#1F443F

#2C1F44

#441F24

#36441F

Color Blindness Simulation

Original

#1F443F

Protanopia

#2F2F40

Deuteranopia

#2D2A40

Tritanopia

#214141

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E5
300
#ABD9D3
400
#7DC4BA
500
#50AFA2
600
#408C82
700
#337068
800
#285851
900
#20413C
950
#142926

Contrast Checker

Text on white

10.73:1

AA Pass AAA Pass

Text on black

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