#330C16

#330C16

Color Values

HEX

#330C16

RGB

51, 12, 22

HSL

344.6, 61.9%, 12.4%

HSV

344.6, 76.5%, 20.0%

CMYK

0.0%, 76.5%, 56.9%, 80.0%

OKLCH

0.2253 0.0634 8.1

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#330C16

#0C3329

Analogous

#330C2A

#33160C

#330C16

Triadic

#330C16

#16330C

#0C1633

Split Complementary

#330C16

#0C3316

#0C2A33

Tetradic

#330C16

#2A330C

#0C3329

#160C33

Color Blindness Simulation

Original

#330C16

Protanopia

#222214

Deuteranopia

#242713

Tritanopia

#311211

Achromatopsia

#151515

CSS Usage

background-color: #330C16;
color: #330C16;
border-color: #330C16;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FBF3F5
100
#F7E4E9
200
#F1C5D1
300
#E89CAF
400
#DB6684
500
#CE3159
600
#A52747
700
#841F39
800
#67182D
900
#4B1523
950
#300E16

Contrast Checker

Text on white

17.43:1

AA Pass AAA Pass

Text on black

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