#4B6688

#4B6688

Color Values

HEX

#4B6688

RGB

75, 102, 136

HSL

213.4, 28.9%, 41.4%

HSV

213.4, 44.9%, 53.3%

CMYK

44.9%, 25.0%, 0.0%, 46.7%

OKLCH

0.5032 0.0633 254.6

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#4B6688

#886D4B

Analogous

#4B8588

#4F4B88

#4B6688

Triadic

#4B6688

#884B66

#66884B

Split Complementary

#4B6688

#884F4B

#85884B

Tetradic

#4B6688

#884B85

#886D4B

#4B884F

Color Blindness Simulation

Original

#4B6688

Protanopia

#575780

Deuteranopia

#55537E

Tritanopia

#4C7978

Achromatopsia

#636363

CSS Usage

background-color: #4B6688;
color: #4B6688;
border-color: #4B6688;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DAE6
300
#B0C0D3
400
#859EBC
500
#5B7BA4
600
#496383
700
#3A4F69
800
#2D3E52
900
#242F3D
950
#171E27

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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