#330018

#330018

Color Values

HEX

#330018

RGB

51, 0, 24

HSL

331.8, 100.0%, 10.0%

HSV

331.8, 100.0%, 20.0%

CMYK

0.0%, 100.0%, 52.9%, 80.0%

OKLCH

0.2087 0.0851 357.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#330018

#00331B

Analogous

#330031

#330200

#330018

Triadic

#330018

#183300

#001833

Split Complementary

#330018

#003302

#003133

Tetradic

#330018

#313300

#00331B

#020033

Color Blindness Simulation

Original

#330018

Protanopia

#1D1C12

Deuteranopia

#202411

Tritanopia

#300E0D

Achromatopsia

#0D0D0D

CSS Usage

background-color: #330018;
color: #330018;
border-color: #330018;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FFB8D9
300
#FF85BE
400
#FF429B
500
#FF0078
600
#CC0060
700
#A3004D
800
#80003C
900
#5C052E
950
#3A031D

Contrast Checker

Text on white

18.2:1

AA Pass AAA Pass

Text on black

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