#334599

#334599

Color Values

HEX

#334599

RGB

51, 69, 153

HSL

229.4, 50.0%, 40.0%

HSV

229.4, 66.7%, 60.0%

CMYK

66.7%, 54.9%, 0.0%, 40.0%

OKLCH

0.4252 0.1385 270.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#334599

#998733

Analogous

#337899

#543399

#334599

Triadic

#334599

#993345

#459933

Split Complementary

#334599

#995433

#789933

Tetradic

#334599

#993378

#998733

#339954

Color Blindness Simulation

Original

#334599

Protanopia

#3B3B85

Deuteranopia

#3A3880

Tritanopia

#347571

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#C9D0ED
300
#A3AEE0
400
#7182D0
500
#4056BF
600
#334599
700
#29377A
800
#202B60
900
#1B2246
950
#11162C

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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