#333369

#333369

Color Values

HEX

#333369

RGB

51, 51, 105

HSL

240.0, 34.6%, 30.6%

HSV

240.0, 51.4%, 41.2%

CMYK

51.4%, 51.4%, 0.0%, 58.8%

OKLCH

0.351 0.0919 280.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#333369

#696933

Analogous

#334E69

#4E3369

#333369

Triadic

#333369

#693333

#336933

Split Complementary

#333369

#694E33

#4E6933

Tetradic

#333369

#69334E

#696933

#33694E

Color Blindness Simulation

Original

#333369

Protanopia

#33335C

Deuteranopia

#333359

Tritanopia

#33524F

Achromatopsia

#373737

CSS Usage

background-color: #333369;
color: #333369;
border-color: #333369;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE8
300
#ADADD7
400
#8080C1
500
#5353AC
600
#434389
700
#35356E
800
#2A2A56
900
#212140
950
#151528

Contrast Checker

Text on white

11.55:1

AA Pass AAA Pass

Text on black

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