#334F70

#334F70

Color Values

HEX

#334F70

RGB

51, 79, 112

HSL

212.5, 37.4%, 32.0%

HSV

212.5, 54.5%, 43.9%

CMYK

54.5%, 29.5%, 0.0%, 56.1%

OKLCH

0.4207 0.065 253.3

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#334F70

#705433

Analogous

#336E70

#363370

#334F70

Triadic

#334F70

#70334F

#4F7033

Split Complementary

#334F70

#703633

#6E7033

Tetradic

#334F70

#70336E

#705433

#337036

Color Blindness Simulation

Original

#334F70

Protanopia

#3F3F68

Deuteranopia

#3E3B66

Tritanopia

#346260

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#ABC0D9
400
#7D9EC4
500
#507CAF
600
#40638C
700
#334F70
800
#283E58
900
#202F41
950
#141E29

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

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