#331E2C

#331E2C

Color Values

HEX

#331E2C

RGB

51, 30, 44

HSL

320,0, 25,9%, 15,9%

HSV

320,0, 41,2%, 20,0%

CMYK

0,0%, 41,2%, 13,7%, 80,0%

OKLCH

0,2678 0,04 340,1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#331E2C

#1E3325

Analogous

#301E33

#331E22

#331E2C

Triadic

#331E2C

#2C331E

#1E2C33

Split Complementary

#331E2C

#22331E

#1E3330

Tetradic

#331E2C

#33301E

#1E3325

#1E2233

Color Blindness Simulation

Original

#331E2C

Protanopia

#2A2A29

Deuteranopia

#2B2D28

Tritanopia

#322625

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DE
300
#D2B2C7
400
#B988A9
500
#A15E8B
600
#804C6F
700
#673C59
800
#502F45
900
#3C2534
950
#261721

Contrast Checker

Text on white

15,41:1

AA Pass AAA Pass

Text on black

1,36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026