#401416

#401416

Color Values

HEX

#401416

RGB

64, 20, 22

HSL

357.3, 52.4%, 16.5%

HSV

357.3, 68.8%, 25.1%

CMYK

0.0%, 68.8%, 65.6%, 74.9%

OKLCH

0.2629 0.0687 20.5

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#401416

#14403E

Analogous

#40142C

#402814

#401416

Triadic

#401416

#164014

#141640

Split Complementary

#401416

#144028

#142C40

Tetradic

#401416

#2C4014

#14403E

#281440

Color Blindness Simulation

Original

#401416

Protanopia

#2D2D16

Deuteranopia

#303315

Tritanopia

#3E1515

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EEC9CA
300
#E2A2A5
400
#D26F74
500
#C23D43
600
#9B3135
700
#7C272B
800
#611E21
900
#471A1C
950
#2D1011

Contrast Checker

Text on white

15.79:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026