#33100C

#33100C

Color Values

HEX

#33100C

RGB

51, 16, 12

HSL

6.2, 61.9%, 12.4%

HSV

6.2, 76.5%, 20.0%

CMYK

0.0%, 68.6%, 76.5%, 80.0%

OKLCH

0.2291 0.0578 28.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#33100C

#0C2F33

Analogous

#330C1C

#33240C

#33100C

Triadic

#33100C

#0C3310

#100C33

Split Complementary

#33100C

#0C3324

#0C1C33

Tetradic

#33100C

#1C330C

#0C2F33

#240C33

Color Blindness Simulation

Original

#33100C

Protanopia

#24240D

Deuteranopia

#26280D

Tritanopia

#310E0E

Achromatopsia

#171717

CSS Usage

background-color: #33100C;
color: #33100C;
border-color: #33100C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF4F3
100
#F7E6E4
200
#F1CAC5
300
#E8A49C
400
#DB7266
500
#CE4131
600
#A53427
700
#842A1F
800
#672018
900
#4B1B15
950
#30110E

Contrast Checker

Text on white

17.21:1

AA Pass AAA Pass

Text on black

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