#333778

#333778

Color Values

HEX

#333778

RGB

51, 55, 120

HSL

236.5, 40.4%, 33.5%

HSV

236.5, 57.5%, 47.1%

CMYK

57.5%, 54.2%, 0.0%, 52.9%

OKLCH

0.3706 0.1091 277.0

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#333778

#787433

Analogous

#335978

#513378

#333778

Triadic

#333778

#783337

#377833

Split Complementary

#333778

#785133

#597833

Tetradic

#333778

#783359

#787433

#337851

Color Blindness Simulation

Original

#333778

Protanopia

#353568

Deuteranopia

#343464

Tritanopia

#335C59

Achromatopsia

#3B3B3B

CSS Usage

background-color: #333778;
color: #333778;
border-color: #333778;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ACDB
400
#7B7FC7
500
#4C52B3
600
#3D428F
700
#313473
800
#26295A
900
#1F2142
950
#13152A

Contrast Checker

Text on white

10.72:1

AA Pass AAA Pass

Text on black

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