#3F1419

#3F1419

Color Values

HEX

#3F1419

RGB

63, 20, 25

HSL

353.0, 51.8%, 16.3%

HSV

353.0, 68.3%, 24.7%

CMYK

0.0%, 68.3%, 60.3%, 75.3%

OKLCH

0.2618 0.0673 16.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#3F1419

#143F3A

Analogous

#3F142F

#3F2514

#3F1419

Triadic

#3F1419

#193F14

#14193F

Split Complementary

#3F1419

#143F25

#142F3F

Tetradic

#3F1419

#2F3F14

#143F3A

#25143F

Color Blindness Simulation

Original

#3F1419

Protanopia

#2C2C18

Deuteranopia

#2F3218

Tritanopia

#3D1717

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CD
300
#E2A2A9
400
#D2707B
500
#C23D4D
600
#9B313D
700
#7C2731
800
#611F26
900
#471A1F
950
#2D1014

Contrast Checker

Text on white

15.84:1

AA Pass AAA Pass

Text on black

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