#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026