#4A7482

#4A7482

Color Values

HEX

#4A7482

RGB

74, 116, 130

HSL

195.0, 27.5%, 40.0%

HSV

195.0, 43.1%, 51.0%

CMYK

43.1%, 10.8%, 0.0%, 49.0%

OKLCH

0.5336 0.0515 221.0

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4A7482

#82584A

Analogous

#4A8274

#4A5882

#4A7482

Triadic

#4A7482

#824A74

#74824A

Split Complementary

#4A7482

#824A58

#82744A

Tetradic

#4A7482

#744A82

#82584A

#58824A

Color Blindness Simulation

Original

#4A7482

Protanopia

#5C5D7F

Deuteranopia

#5A577E

Tritanopia

#4C7C7B

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D1E0E5
300
#B1CAD3
400
#87AEBB
500
#5C91A3
600
#4A7482
700
#3B5D68
800
#2E4951
900
#24363C
950
#172226

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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