#4B6583

#4B6583

Color Values

HEX

#4B6583

RGB

75, 101, 131

HSL

212.1, 27.2%, 40.4%

HSV

212.1, 42.7%, 51.4%

CMYK

42.7%, 22.9%, 0.0%, 48.6%

OKLCH

0.4985 0.0574 252.5

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#4B6583

#83694B

Analogous

#4B8183

#4D4B83

#4B6583

Triadic

#4B6583

#834B65

#65834B

Split Complementary

#4B6583

#834D4B

#81834B

Tetradic

#4B6583

#834B81

#83694B

#4B834D

Color Blindness Simulation

Original

#4B6583

Protanopia

#56567C

Deuteranopia

#55537A

Tritanopia

#4C7675

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DBE5
300
#B1C1D2
400
#879FBA
500
#5D7DA2
600
#4A6482
700
#3B5068
800
#2E3F51
900
#25303C
950
#171E26

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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