#334D99

#334D99

Color Values

HEX

#334D99

RGB

51, 77, 153

HSL

224.7, 50.0%, 40.0%

HSV

224.7, 66.7%, 60.0%

CMYK

66.7%, 49.7%, 0.0%, 40.0%

OKLCH

0.4421 0.128 266.9

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#334D99

#997F33

Analogous

#338099

#4C3399

#334D99

Triadic

#334D99

#99334D

#4D9933

Split Complementary

#334D99

#994C33

#809933

Tetradic

#334D99

#993380

#997F33

#33994C

Color Blindness Simulation

Original

#334D99

Protanopia

#3E3E87

Deuteranopia

#3D3B82

Tritanopia

#347875

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6E9F5
200
#C9D3ED
300
#A3B3E0
400
#718AD0
500
#4060BF
600
#334D99
700
#293E7A
800
#203060
900
#1B2646
950
#11182C

Contrast Checker

Text on white

7.89:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026