#3B5883

#3B5883

Color Values

HEX

#3B5883

RGB

59, 88, 131

HSL

215.8, 37.9%, 37.3%

HSV

215.8, 55.0%, 51.4%

CMYK

55.0%, 32.8%, 0.0%, 48.6%

OKLCH

0.4576 0.0788 258.1

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#3B5883

#83663B

Analogous

#3B7C83

#423B83

#3B5883

Triadic

#3B5883

#833B58

#58833B

Split Complementary

#3B5883

#83423B

#7C833B

Tetradic

#3B5883

#833B7C

#83663B

#3B8342

Color Blindness Simulation

Original

#3B5883

Protanopia

#484879

Deuteranopia

#464476

Tritanopia

#3C706F

Achromatopsia

#555555

CSS Usage

background-color: #3B5883;
color: #3B5883;
border-color: #3B5883;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CED9E9
300
#ABBDD9
400
#7D9AC4
500
#4F76B0
600
#3F5F8D
700
#334C71
800
#283B58
900
#202D41
950
#141D29

Contrast Checker

Text on white

7.22:1

AA Pass AAA Pass

Text on black

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