#334870

#334870

Color Values

HEX

#334870

RGB

51, 72, 112

HSL

219.3, 37.4%, 32.0%

HSV

219.3, 54.5%, 43.9%

CMYK

54.5%, 35.7%, 0.0%, 56.1%

OKLCH

0.4036 0.0728 262.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#334870

#705B33

Analogous

#336770

#3D3370

#334870

Triadic

#334870

#703348

#487033

Split Complementary

#334870

#703D33

#677033

Tetradic

#334870

#703367

#705B33

#33703D

Color Blindness Simulation

Original

#334870

Protanopia

#3C3C66

Deuteranopia

#3B3964

Tritanopia

#345F5D

Achromatopsia

#464646

CSS Usage

background-color: #334870;
color: #334870;
border-color: #334870;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CED7E9
300
#ABBBD9
400
#7D96C4
500
#5071AF
600
#405A8C
700
#334870
800
#283858
900
#202B41
950
#141B29

Contrast Checker

Text on white

9.12:1

AA Pass AAA Pass

Text on black

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