#311331

#311331

Color Values

HEX

#311331

RGB

49, 19, 49

HSL

300.0, 44.1%, 13.3%

HSV

300.0, 61.2%, 19.2%

CMYK

0.0%, 61.2%, 0.0%, 80.8%

OKLCH

0.2461 0.0676 327.4

Properties

Warm Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#311331

#133113

Analogous

#221331

#311322

#311331

Triadic

#311331

#313113

#133131

Split Complementary

#311331

#223113

#133122

Tetradic

#311331

#312213

#133113

#132231

Color Blindness Simulation

Original

#311331

Protanopia

#24242A

Deuteranopia

#262828

Tritanopia

#302423

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCCEB
300
#DDA7DD
400
#CA77CA
500
#B847B8
600
#933993
700
#762E76
800
#5C245C
900
#441D44
950
#2B122B

Contrast Checker

Text on white

16.56:1

AA Pass AAA Pass

Text on black

1.27: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