#333F2B

#333F2B

Color Values

HEX

#333F2B

RGB

51, 63, 43

HSL

96.0, 18.9%, 20.8%

HSV

96.0, 31.7%, 24.7%

CMYK

19.0%, 0.0%, 31.7%, 75.3%

OKLCH

0.3506 0.0371 133.2

Properties

Cool Dark Nearest: RAL 6007 Bottle Green

Color Harmonies

Complementary

#333F2B

#372B3F

Analogous

#3D3F2B

#2B3F2D

#333F2B

Triadic

#333F2B

#2B333F

#3F2B33

Split Complementary

#333F2B

#2D2B3F

#3F2B3D

Tetradic

#333F2B

#2B3D3F

#372B3F

#3F2D2B

Color Blindness Simulation

Original

#333F2B

Protanopia

#383830

Deuteranopia

#383731

Tritanopia

#343434

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DAE2D5
300
#BFCDB6
400
#9DB28F
500
#7B9867
600
#627953
700
#4F6142
800
#3D4C34
900
#2F3928
950
#1E2419

Contrast Checker

Text on white

11.13:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026