#431316

#431316

Color Values

HEX

#431316

RGB

67, 19, 22

HSL

356.2, 55.8%, 16.9%

HSV

356.2, 71.6%, 26.3%

CMYK

0.0%, 71.6%, 67.2%, 73.7%

OKLCH

0.2671 0.0742 20.1

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#431316

#134340

Analogous

#43132E

#432813

#431316

Triadic

#431316

#164313

#131643

Split Complementary

#431316

#134328

#132E43

Tetradic

#431316

#2E4313

#134340

#281343

Color Blindness Simulation

Original

#431316

Protanopia

#2E2E15

Deuteranopia

#313515

Tritanopia

#411515

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E6
200
#EFC7CA
300
#E4A0A4
400
#D56C73
500
#C73841
600
#9F2D34
700
#7F242A
800
#631C21
900
#49181B
950
#2E0F11

Contrast Checker

Text on white

15.63:1

AA Pass AAA Pass

Text on black

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