#4B84AD

#4B84AD

Color Values

HEX

#4B84AD

RGB

75, 132, 173

HSL

205.1, 39.5%, 48.6%

HSV

205.1, 56.6%, 67.8%

CMYK

56.6%, 23.7%, 0.0%, 32.2%

OKLCH

0.5915 0.0871 241.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4B84AD

#AD744B

Analogous

#4BADA5

#4B53AD

#4B84AD

Triadic

#4B84AD

#AD4B84

#84AD4B

Split Complementary

#4B84AD

#AD4B53

#ADA54B

Tetradic

#4B84AD

#A54BAD

#AD744B

#53AD4B

Color Blindness Simulation

Original

#4B84AD

Protanopia

#6464A3

Deuteranopia

#605CA1

Tritanopia

#4E9B9A

Achromatopsia

#7B7B7B

CSS Usage

background-color: #4B84AD;
color: #4B84AD;
border-color: #4B84AD;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEE9
300
#AAC6DA
400
#7BA7C6
500
#4D88B2
600
#3E6D8E
700
#315772
800
#274459
900
#1F3342
950
#142029

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass 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