#3B3563

#3B3563

Color Values

HEX

#3B3563

RGB

59, 53, 99

HSL

247.8, 30.3%, 29.8%

HSV

247.8, 46.5%, 38.8%

CMYK

40.4%, 46.5%, 0.0%, 61.2%

OKLCH

0.3584 0.078 287.8

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3B3563

#5D6335

Analogous

#354663

#523563

#3B3563

Triadic

#3B3563

#633B35

#35633B

Split Complementary

#3B3563

#635235

#466335

Tetradic

#3B3563

#633546

#5D6335

#356352

Color Blindness Simulation

Original

#3B3563

Protanopia

#383858

Deuteranopia

#393955

Tritanopia

#3B4F4D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D3D0E6
300
#B4AFD4
400
#8B84BD
500
#6359A6
600
#4F4785
700
#3F396A
800
#312C53
900
#27233E
950
#181627

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

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