#3D4472

#3D4472

Color Values

HEX

#3D4472

RGB

61, 68, 114

HSL

232.1, 30.3%, 34.3%

HSV

232.1, 46.5%, 44.7%

CMYK

46.5%, 40.4%, 0.0%, 55.3%

OKLCH

0.4027 0.0778 275.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#3D4472

#726B3D

Analogous

#3D5E72

#503D72

#3D4472

Triadic

#3D4472

#723D44

#44723D

Split Complementary

#3D4472

#72503D

#5E723D

Tetradic

#3D4472

#723D5E

#726B3D

#3D7250

Color Blindness Simulation

Original

#3D4472

Protanopia

#404067

Deuteranopia

#403F64

Tritanopia

#3D5E5C

Achromatopsia

#464646

CSS Usage

background-color: #3D4472;
color: #3D4472;
border-color: #3D4472;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D0D3E6
300
#AFB4D4
400
#848CBD
500
#5963A6
600
#474F85
700
#393F6A
800
#2C3253
900
#23273E
950
#161827

Contrast Checker

Text on white

9.26:1

AA Pass AAA Pass

Text on black

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