#312F25

#312F25

Color Values

HEX

#312F25

RGB

49, 47, 37

HSL

50.0, 14.0%, 16.9%

HSV

50.0, 24.5%, 19.2%

CMYK

0.0%, 4.1%, 24.5%, 80.8%

OKLCH

0.3039 0.0175 97.9

Properties

Warm Dark Nearest: RAL 6008 Brown Green

Color Harmonies

Complementary

#312F25

#252731

Analogous

#312925

#2D3125

#312F25

Triadic

#312F25

#25312F

#2F2531

Split Complementary

#312F25

#252D31

#292531

Tetradic

#312F25

#253129

#252731

#31252D

Color Blindness Simulation

Original

#312F25

Protanopia

#303027

Deuteranopia

#303028

Tritanopia

#31292A

Achromatopsia

#2F2F2F

CSS Usage

background-color: #312F25;
color: #312F25;
border-color: #312F25;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0DFD6
300
#CAC8B9
400
#AEA993
500
#918B6E
600
#747058
700
#5D5946
800
#494637
900
#37352A
950
#22211B

Contrast Checker

Text on white

13.43:1

AA Pass AAA Pass

Text on black

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