#331740

#331740

Color Values

HEX

#331740

RGB

51, 23, 64

HSL

281.0, 47.1%, 17.1%

HSV

281.0, 64.1%, 25.1%

CMYK

20.3%, 64.1%, 0.0%, 74.9%

OKLCH

0.2659 0.0795 313.8

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#331740

#244017

Analogous

#1F1740

#401739

#331740

Triadic

#331740

#403317

#174033

Split Complementary

#331740

#394017

#17401F

Tetradic

#331740

#401F17

#244017

#173940

Color Blindness Simulation

Original

#331740

Protanopia

#272736

Deuteranopia

#282B34

Tritanopia

#322E2D

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#F0E6F4
200
#E1CAEC
300
#CCA5DF
400
#B174CD
500
#9643BC
600
#783696
700
#602B78
800
#4B225E
900
#381C45
950
#23122C

Contrast Checker

Text on white

15.7:1

AA Pass AAA Pass

Text on black

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