#333F2C

#333F2C

Color Values

HEX

#333F2C

RGB

51, 63, 44

HSL

97.9, 17.8%, 21.0%

HSV

97.9, 30.2%, 24.7%

CMYK

19.0%, 0.0%, 30.2%, 75.3%

OKLCH

0.3508 0.0357 134.2

Properties

Cool Dark Nearest: RAL 6007 Bottle Green

Color Harmonies

Complementary

#333F2C

#382C3F

Analogous

#3D3F2C

#2C3F2F

#333F2C

Triadic

#333F2C

#2C333F

#3F2C33

Split Complementary

#333F2C

#2F2C3F

#3F2C3D

Tetradic

#333F2C

#2C3D3F

#382C3F

#3F2F2C

Color Blindness Simulation

Original

#333F2C

Protanopia

#383831

Deuteranopia

#383732

Tritanopia

#343435

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#DAE2D5
300
#BFCDB7
400
#9CB190
500
#7A9669
600
#617854
700
#4E6043
800
#3D4B34
900
#2E3829
950
#1D241A

Contrast Checker

Text on white

11.12:1

AA Pass AAA Pass

Text on black

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