#33154E

#33154E

Color Values

HEX

#33154E

RGB

51, 21, 78

HSL

271.6, 57.6%, 19.4%

HSV

271.6, 73.1%, 30.6%

CMYK

34.6%, 73.1%, 0.0%, 69.4%

OKLCH

0.2736 0.101 304.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#33154E

#304E15

Analogous

#16154E

#4E154C

#33154E

Triadic

#33154E

#4E3315

#154E33

Split Complementary

#33154E

#4C4E15

#154E16

Tetradic

#33154E

#4E1615

#304E15

#154C4E

Color Blindness Simulation

Original

#33154E

Protanopia

#262640

Deuteranopia

#282A3D

Tritanopia

#313533

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DCC7F0
300
#C49FE5
400
#A46AD7
500
#8336C9
600
#692BA1
700
#542381
800
#421B64
900
#32174A
950
#1F0F2E

Contrast Checker

Text on white

15.46:1

AA Pass AAA Pass

Text on black

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