#3B4073

#3B4073

Color Values

HEX

#3B4073

RGB

59, 64, 115

HSL

234.6, 32.2%, 34.1%

HSV

234.6, 48.7%, 45.1%

CMYK

48.7%, 44.3%, 0.0%, 54.9%

OKLCH

0.3928 0.0859 277.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#3B4073

#736E3B

Analogous

#3B5C73

#523B73

#3B4073

Triadic

#3B4073

#733B40

#40733B

Split Complementary

#3B4073

#73523B

#5C733B

Tetradic

#3B4073

#733B5C

#736E3B

#3B7352

Color Blindness Simulation

Original

#3B4073

Protanopia

#3D3D67

Deuteranopia

#3D3C64

Tritanopia

#3B5D5B

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D2E7
300
#AEB2D6
400
#8288BF
500
#565EA9
600
#454B87
700
#373C6C
800
#2B2F54
900
#22253E
950
#161727

Contrast Checker

Text on white

9.69:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026