#311D33

#311D33

Color Values

HEX

#311D33

RGB

49, 29, 51

HSL

294.5, 27.5%, 15.7%

HSV

294.5, 43.1%, 20.0%

CMYK

3.9%, 43.1%, 0.0%, 80.0%

OKLCH

0.2664 0.0485 323.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#311D33

#1F331D

Analogous

#261D33

#331D2A

#311D33

Triadic

#311D33

#33311D

#1D3331

Split Complementary

#311D33

#2A331D

#1D3326

Tetradic

#311D33

#33261D

#1F331D

#1D2A33

Color Blindness Simulation

Original

#311D33

Protanopia

#28282E

Deuteranopia

#2A2B2C

Tritanopia

#302929

Achromatopsia

#232323

CSS Usage

background-color: #311D33;
color: #311D33;
border-color: #311D33;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E3D1E5
300
#D0B1D3
400
#B687BB
500
#9C5CA3
600
#7D4A82
700
#643B68
800
#4E2E51
900
#3A243C
950
#251726

Contrast Checker

Text on white

15.51:1

AA Pass AAA Pass

Text on black

1.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026