#333870

#333870

Color Values

HEX

#333870

RGB

51, 56, 112

HSL

235.1, 37.4%, 32.0%

HSV

235.1, 54.5%, 43.9%

CMYK

54.5%, 50.0%, 0.0%, 56.1%

OKLCH

0.3668 0.0952 276.8

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#333870

#706B33

Analogous

#335770

#4D3370

#333870

Triadic

#333870

#703338

#387033

Split Complementary

#333870

#704D33

#577033

Tetradic

#333870

#703357

#706B33

#33704D

Color Blindness Simulation

Original

#333870

Protanopia

#353562

Deuteranopia

#35345F

Tritanopia

#335855

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#ABAFD9
400
#7D83C4
500
#5058AF
600
#40468C
700
#333870
800
#282C58
900
#202341
950
#141629

Contrast Checker

Text on white

10.82:1

AA Pass AAA Pass

Text on black

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