#33142E

#33142E

Color Values

HEX

#33142E

RGB

51, 20, 46

HSL

309.7, 43.7%, 13.9%

HSV

309.7, 60.8%, 20.0%

CMYK

0.0%, 60.8%, 9.8%, 80.0%

OKLCH

0.2493 0.064 333.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#33142E

#143319

Analogous

#281433

#33141E

#33142E

Triadic

#33142E

#2E3314

#142E33

Split Complementary

#33142E

#1E3314

#143328

Tetradic

#33142E

#332814

#143319

#141E33

Color Blindness Simulation

Original

#33142E

Protanopia

#262528

Deuteranopia

#272A26

Tritanopia

#312322

Achromatopsia

#1C1C1C

CSS Usage

background-color: #33142E;
color: #33142E;
border-color: #33142E;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FAF5F9
100
#F4E7F2
200
#EBCCE6
300
#DDA7D4
400
#CA77BD
500
#B748A5
600
#933984
700
#752E6A
800
#5C2453
900
#441D3D
950
#2B1327

Contrast Checker

Text on white

16.4:1

AA Pass AAA Pass

Text on black

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