#1F585F

#1F585F

Color Values

HEX

#1F585F

RGB

31, 88, 95

HSL

186.6, 50.8%, 24.7%

HSV

186.6, 67.4%, 37.3%

CMYK

67.4%, 7.4%, 0.0%, 62.7%

OKLCH

0.4265 0.0593 206.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#1F585F

#5F261F

Analogous

#1F5F46

#1F385F

#1F585F

Triadic

#1F585F

#5F1F58

#585F1F

Split Complementary

#1F585F

#5F1F38

#5F461F

Tetradic

#1F585F

#461F5F

#5F261F

#385F1F

Color Blindness Simulation

Original

#1F585F

Protanopia

#38385D

Deuteranopia

#34305D

Tritanopia

#225C5C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9ED
300
#A3DAE1
400
#71C6D1
500
#3FB2C0
600
#328E9A
700
#28727B
800
#1F5960
900
#1A4247
950
#112A2D

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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