#1F5151

#1F5151

Color Values

HEX

#1F5151

RGB

31, 81, 81

HSL

180.0, 44.6%, 22.0%

HSV

180.0, 61.7%, 31.8%

CMYK

61.7%, 0.0%, 0.0%, 68.2%

OKLCH

0.4014 0.0532 195.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#1F5151

#511F1F

Analogous

#1F5138

#1F3851

#1F5151

Triadic

#1F5151

#511F51

#51511F

Split Complementary

#1F5151

#511F38

#51381F

Tetradic

#1F5151

#381F51

#511F1F

#38511F

Color Blindness Simulation

Original

#1F5151

Protanopia

#353551

Deuteranopia

#322E51

Tritanopia

#225151

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEB
300
#A7DDDD
400
#77CBCB
500
#47B8B8
600
#399393
700
#2D7676
800
#235C5C
900
#1D4444
950
#122B2B

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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