#311C2D

#311C2D

Color Values

HEX

#311C2D

RGB

49, 28, 45

HSL

311.4, 27.3%, 15.1%

HSV

311.4, 42.9%, 19.2%

CMYK

0.0%, 42.9%, 8.2%, 80.8%

OKLCH

0.2612 0.0434 333.9

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#311C2D

#1C3120

Analogous

#2A1C31

#311C23

#311C2D

Triadic

#311C2D

#2D311C

#1C2D31

Split Complementary

#311C2D

#23311C

#1C312A

Tetradic

#311C2D

#312A1C

#1C3120

#1C2331

Color Blindness Simulation

Original

#311C2D

Protanopia

#282829

Deuteranopia

#292B28

Tritanopia

#302625

Achromatopsia

#222222

CSS Usage

background-color: #311C2D;
color: #311C2D;
border-color: #311C2D;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D3B1CC
400
#BA87B1
500
#A25D95
600
#824A77
700
#683B5F
800
#512E4B
900
#3C2538
950
#261723

Contrast Checker

Text on white

15.74:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026