#33281F

#33281F

Color Values

HEX

#33281F

RGB

51, 40, 31

HSL

27.0, 24.4%, 16.1%

HSV

27.0, 39.2%, 20.0%

CMYK

0.0%, 21.6%, 39.2%, 80.0%

OKLCH

0.2865 0.0228 61.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#33281F

#1F2A33

Analogous

#331F20

#33321F

#33281F

Triadic

#33281F

#1F3328

#281F33

Split Complementary

#33281F

#1F3332

#1F2033

Tetradic

#33281F

#20331F

#1F2A33

#321F33

Color Blindness Simulation

Original

#33281F

Protanopia

#2E2E21

Deuteranopia

#2F3022

Tritanopia

#322323

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E4DAD3
300
#D1C0B3
400
#B89E8A
500
#9F7C60
600
#7F644D
700
#66503E
800
#4F3E30
900
#3B2F26
950
#251E18

Contrast Checker

Text on white

14.34:1

AA Pass AAA Pass

Text on black

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