#314F42

#314F42

Color Values

HEX

#314F42

RGB

49, 79, 66

HSL

154.0, 23.4%, 25.1%

HSV

154.0, 38.0%, 31.0%

CMYK

38.0%, 0.0%, 16.5%, 69.0%

OKLCH

0.3996 0.0423 165.3

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#314F42

#4F313E

Analogous

#314F33

#314D4F

#314F42

Triadic

#314F42

#42314F

#4F4231

Split Complementary

#314F42

#4F314D

#4F3331

Tetradic

#314F42

#33314F

#4F313E

#4D4F31

Color Blindness Simulation

Original

#314F42

Protanopia

#3E3E45

Deuteranopia

#3C3A46

Tritanopia

#324848

Achromatopsia

#484848

CSS Usage

background-color: #314F42;
color: #314F42;
border-color: #314F42;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DC
300
#B3D0C4
400
#8BB7A4
500
#629D83
600
#4E7E69
700
#3F6554
800
#314F42
900
#263B32
950
#18251F

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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