#4A7982

#4A7982

Color Values

HEX

#4A7982

RGB

74, 121, 130

HSL

189.6, 27.5%, 40.0%

HSV

189.6, 43.1%, 51.0%

CMYK

43.1%, 6.9%, 0.0%, 49.0%

OKLCH

0.5459 0.053 211.1

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#4A7982

#82534A

Analogous

#4A826F

#4A5D82

#4A7982

Triadic

#4A7982

#824A79

#79824A

Split Complementary

#4A7982

#824A5D

#826F4A

Tetradic

#4A7982

#6F4A82

#82534A

#5D824A

Color Blindness Simulation

Original

#4A7982

Protanopia

#5E5F80

Deuteranopia

#5C587F

Tritanopia

#4C7E7E

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E2E5
300
#B1CDD3
400
#87B2BB
500
#5C97A3
600
#4A7982
700
#3B6168
800
#2E4C51
900
#24393C
950
#172426

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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