#313A2B

#313A2B

Color Values

HEX

#313A2B

RGB

49, 58, 43

HSL

96.0, 14.9%, 19.8%

HSV

96.0, 25.9%, 22.7%

CMYK

15.5%, 0.0%, 25.9%, 77.3%

OKLCH

0.3352 0.0283 133.0

Properties

Cool Dark Nearest: RAL 6007 Bottle Green

Color Harmonies

Complementary

#313A2B

#342B3A

Analogous

#393A2B

#2B3A2C

#313A2B

Triadic

#313A2B

#2B313A

#3A2B31

Split Complementary

#313A2B

#2C2B3A

#3A2B39

Tetradic

#313A2B

#2B393A

#342B3A

#3A2C2B

Color Blindness Simulation

Original

#313A2B

Protanopia

#35352F

Deuteranopia

#343430

Tritanopia

#313132

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDEFEB
200
#DAE1D6
300
#C0CBB9
400
#9EAF93
500
#7C926D
600
#637557
700
#4F5E45
800
#3E4936
900
#2F372A
950
#1E231A

Contrast Checker

Text on white

11.86:1

AA Pass AAA Pass

Text on black

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