#1F4541

#1F4541

Color Values

HEX

#1F4541

RGB

31, 69, 65

HSL

173.7, 38.0%, 19.6%

HSV

173.7, 55.1%, 27.1%

CMYK

55.1%, 0.0%, 5.8%, 72.9%

OKLCH

0.3612 0.044 186.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#1F4541

#451F23

Analogous

#1F452E

#1F3645

#1F4541

Triadic

#1F4541

#411F45

#45411F

Split Complementary

#1F4541

#451F36

#452E1F

Tetradic

#1F4541

#2E1F45

#451F23

#36451F

Color Blindness Simulation

Original

#1F4541

Protanopia

#2F3042

Deuteranopia

#2D2A42

Tritanopia

#214343

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E6
300
#ABD9D4
400
#7DC5BD
500
#4FB0A6
600
#3F8D85
700
#33716A
800
#285853
900
#20413E
950
#142927

Contrast Checker

Text on white

10.57:1

AA Pass AAA Pass

Text on black

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