#331F2A

#331F2A

Color Values

HEX

#331F2A

RGB

51, 31, 42

HSL

327.0, 24.4%, 16.1%

HSV

327.0, 39.2%, 20.0%

CMYK

0.0%, 39.2%, 17.6%, 80.0%

OKLCH

0.2691 0.0359 345.7

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#331F2A

#1F3328

Analogous

#321F33

#331F20

#331F2A

Triadic

#331F2A

#2A331F

#1F2A33

Split Complementary

#331F2A

#20331F

#1F3332

Tetradic

#331F2A

#33321F

#1F3328

#1F2033

Color Blindness Simulation

Original

#331F2A

Protanopia

#2A2A27

Deuteranopia

#2C2D27

Tritanopia

#322525

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D3DC
300
#D1B3C3
400
#B88AA3
500
#9F6083
600
#7F4D68
700
#663E54
800
#4F3041
900
#3B2632
950
#25181F

Contrast Checker

Text on white

15.33:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026