#3D4573

#3D4573

Color Values

HEX

#3D4573

RGB

61, 69, 115

HSL

231.1, 30.7%, 34.5%

HSV

231.1, 47.0%, 45.1%

CMYK

47.0%, 40.0%, 0.0%, 54.9%

OKLCH

0.4055 0.0779 274.9

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#3D4573

#736B3D

Analogous

#3D6073

#503D73

#3D4573

Triadic

#3D4573

#733D45

#45733D

Split Complementary

#3D4573

#73503D

#60733D

Tetradic

#3D4573

#733D60

#736B3D

#3D7350

Color Blindness Simulation

Original

#3D4573

Protanopia

#404168

Deuteranopia

#403F65

Tritanopia

#3D5F5D

Achromatopsia

#474747

CSS Usage

background-color: #3D4573;
color: #3D4573;
border-color: #3D4573;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6F9
100
#E8EAF2
200
#D0D4E6
300
#AFB5D5
400
#848CBE
500
#5864A7
600
#475085
700
#39406B
800
#2C3253
900
#23273E
950
#161927

Contrast Checker

Text on white

9.14:1

AA Pass AAA Pass

Text on black

2.3:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026