#331F2F

#331F2F

Color Values

HEX

#331F2F

RGB

51, 31, 47

HSL

312.0, 24.4%, 16.1%

HSV

312.0, 39.2%, 20.0%

CMYK

0.0%, 39.2%, 7.8%, 80.0%

OKLCH

0.2714 0.0409 334.1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#331F2F

#1F3323

Analogous

#2D1F33

#331F25

#331F2F

Triadic

#331F2F

#2F331F

#1F2F33

Split Complementary

#331F2F

#25331F

#1F332D

Tetradic

#331F2F

#332D1F

#1F3323

#1F2533

Color Blindness Simulation

Original

#331F2F

Protanopia

#2A2A2B

Deuteranopia

#2C2D2A

Tritanopia

#322827

Achromatopsia

#242424

CSS Usage

background-color: #331F2F;
color: #331F2F;
border-color: #331F2F;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D3E1
300
#D1B3CB
400
#B88AAE
500
#9F6092
600
#7F4D75
700
#663E5E
800
#4F3049
900
#3B2637
950
#251823

Contrast Checker

Text on white

15.24:1

AA Pass AAA Pass

Text on black

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