#3F1418

#3F1418

Color Values

HEX

#3F1418

RGB

63, 20, 24

HSL

354.4, 51.8%, 16.3%

HSV

354.4, 68.3%, 24.7%

CMYK

0.0%, 68.3%, 61.9%, 75.3%

OKLCH

0.2615 0.0673 17.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#3F1418

#143F3B

Analogous

#3F142E

#3F2614

#3F1418

Triadic

#3F1418

#183F14

#14183F

Split Complementary

#3F1418

#143F26

#142E3F

Tetradic

#3F1418

#2E3F14

#143F3B

#26143F

Color Blindness Simulation

Original

#3F1418

Protanopia

#2C2C17

Deuteranopia

#2F3217

Tritanopia

#3D1616

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CC
300
#E2A2A8
400
#D27079
500
#C23D4A
600
#9B313B
700
#7C272F
800
#611F25
900
#471A1E
950
#2D1013

Contrast Checker

Text on white

15.85:1

AA Pass AAA Pass

Text on black

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