#333C99

#333C99

Color Values

HEX

#333C99

RGB

51, 60, 153

HSL

234.7, 50.0%, 40.0%

HSV

234.7, 66.7%, 60.0%

CMYK

66.7%, 60.8%, 0.0%, 40.0%

OKLCH

0.4074 0.1503 273.5

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#333C99

#999033

Analogous

#336F99

#5D3399

#333C99

Triadic

#333C99

#99333C

#3C9933

Split Complementary

#333C99

#995D33

#6F9933

Tetradic

#333C99

#99336F

#999033

#33995D

Color Blindness Simulation

Original

#333C99

Protanopia

#373783

Deuteranopia

#36367D

Tritanopia

#33716D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#C9CDED
300
#A3A9E0
400
#717AD0
500
#404BBF
600
#333C99
700
#29307A
800
#202660
900
#1B1E46
950
#11132C

Contrast Checker

Text on white

9.35:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026