#4B7281

#4B7281

Color Values

HEX

#4B7281

RGB

75, 114, 129

HSL

196.7, 26.5%, 40.0%

HSV

196.7, 41.9%, 50.6%

CMYK

41.9%, 11.6%, 0.0%, 49.4%

OKLCH

0.5289 0.0497 224.1

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4B7281

#815A4B

Analogous

#4B8175

#4B5781

#4B7281

Triadic

#4B7281

#814B72

#72814B

Split Complementary

#4B7281

#814B57

#81754B

Tetradic

#4B7281

#754B81

#815A4B

#57814B

Color Blindness Simulation

Original

#4B7281

Protanopia

#5C5C7D

Deuteranopia

#5A577C

Tritanopia

#4D7B7A

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE5
300
#B2C9D2
400
#88ACBA
500
#5E8EA1
600
#4B7281
700
#3C5B67
800
#2F4751
900
#25363C
950
#172226

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026