#333770

#333770

Color Values

HEX

#333770

RGB

51, 55, 112

HSL

236.1, 37.4%, 32.0%

HSV

236.1, 54.5%, 43.9%

CMYK

54.5%, 50.9%, 0.0%, 56.1%

OKLCH

0.3646 0.0967 277.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#333770

#706C33

Analogous

#335670

#4E3370

#333770

Triadic

#333770

#703337

#377033

Split Complementary

#333770

#704E33

#567033

Tetradic

#333770

#703356

#706C33

#33704E

Color Blindness Simulation

Original

#333770

Protanopia

#353562

Deuteranopia

#34345F

Tritanopia

#335755

Achromatopsia

#3A3A3A

CSS Usage

background-color: #333770;
color: #333770;
border-color: #333770;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#ABAED9
400
#7D82C4
500
#5056AF
600
#40458C
700
#333770
800
#282B58
900
#202241
950
#141629

Contrast Checker

Text on white

10.93:1

AA Pass AAA Pass

Text on black

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