#311633

#311633

Color Values

HEX

#311633

RGB

49, 22, 51

HSL

295.9, 39.7%, 14.3%

HSV

295.9, 56.9%, 20.0%

CMYK

3.9%, 56.9%, 0.0%, 80.0%

OKLCH

0.2526 0.0638 324.7

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#311633

#183316

Analogous

#221633

#331626

#311633

Triadic

#311633

#333116

#163331

Split Complementary

#311633

#263316

#163322

Tetradic

#311633

#332216

#183316

#162633

Color Blindness Simulation

Original

#311633

Protanopia

#25252C

Deuteranopia

#27292A

Tritanopia

#302625

Achromatopsia

#1E1E1E

CSS Usage

background-color: #311633;
color: #311633;
border-color: #311633;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E8CDE9
300
#D7AADA
400
#C17BC6
500
#AB4DB2
600
#893E8E
700
#6E3172
800
#562659
900
#3F1F42
950
#28142A

Contrast Checker

Text on white

16.24:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026