#31474A

#31474A

Color Values

HEX

#31474A

RGB

49, 71, 74

HSL

187.2, 20.3%, 24.1%

HSV

187.2, 33.8%, 29.0%

CMYK

33.8%, 4.1%, 0.0%, 71.0%

OKLCH

0.3809 0.0278 206.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#31474A

#4A3431

Analogous

#314A40

#313A4A

#31474A

Triadic

#31474A

#4A3147

#474A31

Split Complementary

#31474A

#4A313A

#4A4031

Tetradic

#31474A

#40314A

#4A3431

#3A4A31

Color Blindness Simulation

Original

#31474A

Protanopia

#3B3B49

Deuteranopia

#393849

Tritanopia

#324949

Achromatopsia

#434343

CSS Usage

background-color: #31474A;
color: #31474A;
border-color: #31474A;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E1E3
300
#B5CBCE
400
#8DAFB4
500
#669399
600
#51767B
700
#415E62
800
#334A4D
900
#283739
950
#192324

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026