#333699

#333699

Color Values

HEX

#333699

RGB

51, 54, 153

HSL

238.2, 50.0%, 40.0%

HSV

238.2, 66.7%, 60.0%

CMYK

66.7%, 64.7%, 0.0%, 40.0%

OKLCH

0.3963 0.1579 275.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#333699

#999633

Analogous

#336999

#633399

#333699

Triadic

#333699

#993336

#369933

Split Complementary

#333699

#996333

#699933

Tetradic

#333699

#993369

#999633

#339963

Color Blindness Simulation

Original

#333699

Protanopia

#343481

Deuteranopia

#34347B

Tritanopia

#336E6A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #333699;
color: #333699;
border-color: #333699;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#C9CBED
300
#A3A5E0
400
#7174D0
500
#4044BF
600
#333699
700
#292B7A
800
#202260
900
#1B1C46
950
#11122C

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

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