#333353

#333353

Color Values

HEX

#333353

RGB

51, 51, 83

HSL

240.0, 23.9%, 26.3%

HSV

240.0, 38.6%, 32.5%

CMYK

38.6%, 38.6%, 0.0%, 67.5%

OKLCH

0.3365 0.0558 283.0

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#333353

#535333

Analogous

#334353

#433353

#333353

Triadic

#333353

#533333

#335333

Split Complementary

#333353

#534333

#435333

Tetradic

#333353

#533343

#535333

#335343

Color Blindness Simulation

Original

#333353

Protanopia

#33334B

Deuteranopia

#333349

Tritanopia

#334544

Achromatopsia

#353535

CSS Usage

background-color: #333353;
color: #333353;
border-color: #333353;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D3E4
300
#B3B3D0
400
#8A8AB7
500
#61619E
600
#4E4E7E
700
#3E3E65
800
#31314F
900
#26263B
950
#181825

Contrast Checker

Text on white

12.07:1

AA Pass AAA Pass

Text on black

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