#4B7286

#4B7286

Color Values

HEX

#4B7286

RGB

75, 114, 134

HSL

200.3, 28.2%, 41.0%

HSV

200.3, 44.0%, 52.5%

CMYK

44.0%, 14.9%, 0.0%, 47.5%

OKLCH

0.531 0.054 231.4

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#4B7286

#865F4B

Analogous

#4B867D

#4B5586

#4B7286

Triadic

#4B7286

#864B72

#72864B

Split Complementary

#4B7286

#864B55

#867D4B

Tetradic

#4B7286

#7D4B86

#865F4B

#55864B

Color Blindness Simulation

Original

#4B7286

Protanopia

#5C5C81

Deuteranopia

#5A5780

Tritanopia

#4D7D7C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D1DFE5
300
#B1C7D3
400
#86A9BB
500
#5C8BA3
600
#496F83
700
#3B5969
800
#2E4652
900
#24343D
950
#172126

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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