#331F24

#331F24

Color Values

HEX

#331F24

RGB

51, 31, 36

HSL

345.0, 24.4%, 16.1%

HSV

345.0, 39.2%, 20.0%

CMYK

0.0%, 39.2%, 29.4%, 80.0%

OKLCH

0.2667 0.0321 3.1

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331F24

#1F332E

Analogous

#331F2E

#33241F

#331F24

Triadic

#331F24

#24331F

#1F2433

Split Complementary

#331F24

#1F3324

#1F2E33

Tetradic

#331F24

#2E331F

#1F332E

#241F33

Color Blindness Simulation

Original

#331F24

Protanopia

#2A2A23

Deuteranopia

#2C2D22

Tritanopia

#322222

Achromatopsia

#242424

CSS Usage

background-color: #331F24;
color: #331F24;
border-color: #331F24;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F7
100
#F1E9EB
200
#E4D3D7
300
#D1B3BA
400
#B88A95
500
#9F6070
600
#7F4D5A
700
#663E48
800
#4F3038
900
#3B262B
950
#25181B

Contrast Checker

Text on white

15.42:1

AA Pass AAA Pass

Text on black

1.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026