#33320E

#33320E

Color Values

HEX

#33320E

RGB

51, 50, 14

HSL

58.4, 56.9%, 12.7%

HSV

58.4, 72.5%, 20.0%

CMYK

0.0%, 2.0%, 72.5%, 80.0%

OKLCH

0.3095 0.0537 107.7

Properties

Warm Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#33320E

#0E0F33

Analogous

#331F0E

#21330E

#33320E

Triadic

#33320E

#0E3332

#320E33

Split Complementary

#33320E

#0E2133

#1F0E33

Tetradic

#33320E

#0E331F

#0E0F33

#330E21

Color Blindness Simulation

Original

#33320E

Protanopia

#333317

Deuteranopia

#333319

Tritanopia

#331E1F

Achromatopsia

#303030

CSS Usage

background-color: #33320E;
color: #33320E;
border-color: #33320E;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FBFBF4
100
#F6F5E5
200
#F0EFC7
300
#E5E39F
400
#D6D36B
500
#C8C437
600
#A09D2C
700
#807E23
800
#64621B
900
#494818
950
#2E2D0F

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

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