#314233

#314233

Color Values

HEX

#314233

RGB

49, 66, 51

HSL

127.1, 14.8%, 22.5%

HSV

127.1, 25.8%, 25.9%

CMYK

25.8%, 0.0%, 22.7%, 74.1%

OKLCH

0.3594 0.0337 148.0

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#314233

#423140

Analogous

#374231

#31423B

#314233

Triadic

#314233

#333142

#423331

Split Complementary

#314233

#3B3142

#423137

Tetradic

#314233

#313742

#423140

#423B31

Color Blindness Simulation

Original

#314233

Protanopia

#383937

Deuteranopia

#373638

Tritanopia

#32393A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #314233;
color: #314233;
border-color: #314233;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F6F8F7
100
#EBEFEB
200
#D6E1D7
300
#B9CBBB
400
#93AF96
500
#6D9271
600
#57755A
700
#465E48
800
#364939
900
#2A372C
950
#1B231B

Contrast Checker

Text on white

10.73:1

AA Pass AAA Pass

Text on black

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