#314142

#314142

Color Values

HEX

#314142

RGB

49, 65, 66

HSL

183.5, 14.8%, 22.5%

HSV

183.5, 25.8%, 25.9%

CMYK

25.8%, 1.5%, 0.0%, 74.1%

OKLCH

0.3618 0.0206 201.0

Properties

Cool Dark Nearest: RAL 6012 Black Green

Color Harmonies

Complementary

#314142

#423231

Analogous

#31423A

#313842

#314142

Triadic

#314142

#423141

#414231

Split Complementary

#314142

#423138

#423A31

Tetradic

#314142

#3A3142

#423231

#384231

Color Blindness Simulation

Original

#314142

Protanopia

#383842

Deuteranopia

#373642

Tritanopia

#324242

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E1
300
#B9CACB
400
#93ADAF
500
#6D9092
600
#577375
700
#465C5E
800
#364849
900
#2A3637
950
#1B2223

Contrast Checker

Text on white

10.68:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026