#333023

#333023

Color Values

HEX

#333023

RGB

51, 48, 35

HSL

48.7, 18.6%, 16.9%

HSV

48.7, 31.4%, 20.0%

CMYK

0.0%, 5.9%, 31.4%, 80.0%

OKLCH

0.3082 0.0225 96.6

Properties

Warm Dark Nearest: RAL 6008 Brown Green

Color Harmonies

Complementary

#333023

#232633

Analogous

#332823

#2E3323

#333023

Triadic

#333023

#233330

#302333

Split Complementary

#333023

#232E33

#282333

Tetradic

#333023

#233328

#232633

#33232E

Color Blindness Simulation

Original

#333023

Protanopia

#323226

Deuteranopia

#323227

Tritanopia

#332929

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2DFD5
300
#CDC9B6
400
#B2AC8F
500
#978E68
600
#797253
700
#615B42
800
#4C4734
900
#393628
950
#242219

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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