#33455B

#33455B

Color Values

HEX

#33455B

RGB

51, 69, 91

HSL

213.0, 28.2%, 27.8%

HSV

213.0, 44.0%, 35.7%

CMYK

44.0%, 24.2%, 0.0%, 64.3%

OKLCH

0.3848 0.0442 253.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#33455B

#5B4933

Analogous

#33595B

#35335B

#33455B

Triadic

#33455B

#5B3345

#455B33

Split Complementary

#33455B

#5B3533

#595B33

Tetradic

#33455B

#5B3359

#5B4933

#335B35

Color Blindness Simulation

Original

#33455B

Protanopia

#3B3B56

Deuteranopia

#3A3854

Tritanopia

#345151

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DAE5
300
#B1C0D3
400
#869EBB
500
#5C7CA3
600
#496383
700
#3B4F69
800
#2E3E52
900
#242F3D
950
#171E26

Contrast Checker

Text on white

9.8:1

AA Pass AAA Pass

Text on black

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