#33506C

#33506C

Color Values

HEX

#33506C

RGB

51, 80, 108

HSL

209.5, 35.8%, 31.2%

HSV

209.5, 52.8%, 42.4%

CMYK

52.8%, 25.9%, 0.0%, 57.6%

OKLCH

0.421 0.0585 248.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#33506C

#6C4F33

Analogous

#336C6C

#33346C

#33506C

Triadic

#33506C

#6C3350

#506C33

Split Complementary

#33506C

#6C3334

#6C6C33

Tetradic

#33506C

#6C336C

#6C4F33

#346C33

Color Blindness Simulation

Original

#33506C

Protanopia

#404065

Deuteranopia

#3E3C64

Tritanopia

#34605F

Achromatopsia

#4C4C4C

CSS Usage

background-color: #33506C;
color: #33506C;
border-color: #33506C;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDCE8
300
#ACC2D8
400
#7FA1C2
500
#5280AD
600
#41678B
700
#34526F
800
#294057
900
#213140
950
#151F28

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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