#402020

#402020

Color Values

HEX

#402020

RGB

64, 32, 32

HSL

0.0, 33.3%, 18.8%

HSV

0.0, 50.0%, 25.1%

CMYK

0.0%, 50.0%, 50.0%, 74.9%

OKLCH

0.2873 0.0496 20.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#402020

#204040

Analogous

#402030

#403020

#402020

Triadic

#402020

#204020

#202040

Split Complementary

#402020

#204030

#203040

Tetradic

#402020

#304020

#204040

#302040

Color Blindness Simulation

Original

#402020

Protanopia

#323220

Deuteranopia

#343620

Tritanopia

#3E2020

Achromatopsia

#272727

CSS Usage

background-color: #402020;
color: #402020;
border-color: #402020;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFCF
300
#D6ADAD
400
#C08181
500
#AA5555
600
#884444
700
#6D3636
800
#552B2B
900
#3F2222
950
#281515

Contrast Checker

Text on white

14.53:1

AA Pass AAA Pass

Text on black

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