#33557E

#33557E

Color Values

HEX

#33557E

RGB

51, 85, 126

HSL

212.8, 42.4%, 34.7%

HSV

212.8, 59.5%, 49.4%

CMYK

59.5%, 32.5%, 0.0%, 50.6%

OKLCH

0.4431 0.0788 254.0

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#33557E

#7E5C33

Analogous

#337B7E

#36337E

#33557E

Triadic

#33557E

#7E3355

#557E33

Split Complementary

#33557E

#7E3633

#7B7E33

Tetradic

#33557E

#7E337B

#7E5C33

#337E36

Color Blindness Simulation

Original

#33557E

Protanopia

#424274

Deuteranopia

#403D72

Tritanopia

#356C6B

Achromatopsia

#515151

CSS Usage

background-color: #33557E;
color: #33557E;
border-color: #33557E;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDAEA
300
#A8BFDC
400
#799DC9
500
#497AB6
600
#3B6291
700
#2F4E74
800
#253D5B
900
#1E2F43
950
#131E2A

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026