#333855

#333855

Color Values

HEX

#333855

RGB

51, 56, 85

HSL

231.2, 25.0%, 26.7%

HSV

231.2, 40.0%, 33.3%

CMYK

40.0%, 34.1%, 0.0%, 66.7%

OKLCH

0.3495 0.0511 275.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#333855

#555033

Analogous

#334955

#3F3355

#333855

Triadic

#333855

#553338

#385533

Split Complementary

#333855

#553F33

#495533

Tetradic

#333855

#553349

#555033

#33553F

Color Blindness Simulation

Original

#333855

Protanopia

#35354E

Deuteranopia

#35344C

Tritanopia

#334847

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E4
300
#B2B7D1
400
#8990B8
500
#60699F
600
#4D5480
700
#3D4366
800
#303450
900
#26293B
950
#181A25

Contrast Checker

Text on white

11.43:1

AA Pass AAA Pass

Text on black

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