#331418

#331418

Color Values

HEX

#331418

RGB

51, 20, 24

HSL

352.3, 43.7%, 13.9%

HSV

352.3, 60.8%, 20.0%

CMYK

0.0%, 60.8%, 52.9%, 80.0%

OKLCH

0.2396 0.0502 13.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331418

#14332F

Analogous

#331427

#331F14

#331418

Triadic

#331418

#183314

#141833

Split Complementary

#331418

#14331F

#142733

Tetradic

#331418

#273314

#14332F

#1F1433

Color Blindness Simulation

Original

#331418

Protanopia

#262517

Deuteranopia

#272A17

Tritanopia

#311616

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EBCCD0
300
#DDA7AE
400
#CA7782
500
#B74856
600
#933945
700
#752E37
800
#5C242B
900
#441D22
950
#2B1316

Contrast Checker

Text on white

16.75:1

AA Pass AAA Pass

Text on black

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