#420F2D

#420F2D

Color Values

HEX

#420F2D

RGB

66, 15, 45

HSL

324.7, 63.0%, 15.9%

HSV

324.7, 77.3%, 25.9%

CMYK

0.0%, 77.3%, 31.8%, 74.1%

OKLCH

0.268 0.0862 348.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#420F2D

#0F4224

Analogous

#3E0F42

#420F14

#420F2D

Triadic

#420F2D

#2D420F

#0F2D42

Split Complementary

#420F2D

#14420F

#0F423E

Tetradic

#420F2D

#423E0F

#0F4224

#0F1442

Color Blindness Simulation

Original

#420F2D

Protanopia

#2C2B26

Deuteranopia

#2F3324

Tritanopia

#3F201F

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EF
200
#F2C5DF
300
#E89BC9
400
#DC65AB
500
#D02F8E
600
#A62671
700
#851E5B
800
#681847
900
#4C1535
950
#300D22

Contrast Checker

Text on white

15.7:1

AA Pass AAA Pass

Text on black

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