#420307

#420307

Color Values

HEX

#420307

RGB

66, 3, 7

HSL

356.2, 91.3%, 13.5%

HSV

356.2, 95.5%, 25.9%

CMYK

0.0%, 95.5%, 89.4%, 74.1%

OKLCH

0.2428 0.0929 24.4

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#420307

#03423E

Analogous

#420326

#421E03

#420307

Triadic

#420307

#074203

#030742

Split Complementary

#420307

#03421E

#032642

Tetradic

#420307

#264203

#03423E

#1E0342

Color Blindness Simulation

Original

#420307

Protanopia

#272606

Deuteranopia

#2A2F06

Tritanopia

#3F0505

Achromatopsia

#111111

CSS Usage

background-color: #420307;
color: #420307;
border-color: #420307;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBBBF
300
#FA8A91
400
#F74B55
500
#F40B1A
600
#C30915
700
#9C0711
800
#7A060D
900
#58090E
950
#380509

Contrast Checker

Text on white

16.83:1

AA Pass AAA Pass

Text on black

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