#333993

#333993

Color Values

HEX

#333993

RGB

51, 57, 147

HSL

236.2, 48.5%, 38.8%

HSV

236.2, 65.3%, 57.6%

CMYK

65.3%, 61.2%, 0.0%, 42.4%

OKLCH

0.3965 0.1458 274.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#333993

#938D33

Analogous

#336993

#5D3393

#333993

Triadic

#333993

#933339

#399333

Split Complementary

#333993

#935D33

#699333

Tetradic

#333993

#933369

#938D33

#33935D

Color Blindness Simulation

Original

#333993

Protanopia

#36367D

Deuteranopia

#353578

Tritanopia

#336C68

Achromatopsia

#3E3E3E

CSS Usage

background-color: #333993;
color: #333993;
border-color: #333993;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACCED
300
#A4A8DF
400
#7379CE
500
#4249BD
600
#353B97
700
#2A2F79
800
#21255F
900
#1B1E46
950
#11132C

Contrast Checker

Text on white

9.78:1

AA Pass AAA Pass

Text on black

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