#333050

#333050

Color Values

HEX

#333050

RGB

51, 48, 80

HSL

245.6, 25.0%, 25.1%

HSV

245.6, 40.0%, 31.4%

CMYK

36.3%, 40.0%, 0.0%, 68.6%

OKLCH

0.3278 0.056 287.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#333050

#4D5030

Analogous

#303D50

#433050

#333050

Triadic

#333050

#503330

#305033

Split Complementary

#333050

#504330

#3D5030

Tetradic

#333050

#50303D

#4D5030

#305043

Color Blindness Simulation

Original

#333050

Protanopia

#323248

Deuteranopia

#323246

Tritanopia

#334241

Achromatopsia

#333333

CSS Usage

background-color: #333050;
color: #333050;
border-color: #333050;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D2E4
300
#B5B2D1
400
#8D89B8
500
#66609F
600
#514D80
700
#413D66
800
#333050
900
#28263B
950
#191825

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026