#331C3B

#331C3B

Color Values

HEX

#331C3B

RGB

51, 28, 59

HSL

284.5, 35.6%, 17.1%

HSV

284.5, 52.5%, 23.1%

CMYK

13.6%, 52.5%, 0.0%, 76.9%

OKLCH

0.2718 0.0629 316.9

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#331C3B

#243B1C

Analogous

#241C3B

#3B1C34

#331C3B

Triadic

#331C3B

#3B331C

#1C3B33

Split Complementary

#331C3B

#343B1C

#1C3B24

Tetradic

#331C3B

#3B241C

#243B1C

#1C343B

Color Blindness Simulation

Original

#331C3B

Protanopia

#292934

Deuteranopia

#2A2C32

Tritanopia

#322E2C

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#F0E8F3
200
#E1CFE8
300
#CCACD8
400
#B17FC2
500
#9552AD
600
#78428A
700
#60356F
800
#4B2956
900
#382140
950
#231528

Contrast Checker

Text on white

15.33:1

AA Pass AAA Pass

Text on black

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