#334399

#334399

Color Values

HEX

#334399

RGB

51, 67, 153

HSL

230.6, 50.0%, 40.0%

HSV

230.6, 66.7%, 60.0%

CMYK

66.7%, 56.2%, 0.0%, 40.0%

OKLCH

0.4211 0.1411 271.1

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#334399

#998933

Analogous

#337699

#563399

#334399

Triadic

#334399

#993343

#439933

Split Complementary

#334399

#995633

#769933

Tetradic

#334399

#993376

#998933

#339956

Color Blindness Simulation

Original

#334399

Protanopia

#3A3A84

Deuteranopia

#39387F

Tritanopia

#347470

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#C9CFED
300
#A3ADE0
400
#7180D0
500
#4054BF
600
#334399
700
#29367A
800
#202A60
900
#1B2146
950
#11152C

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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