#4D89AE

#4D89AE

Color Values

HEX

#4D89AE

RGB

77, 137, 174

HSL

202.9, 38.6%, 49.2%

HSV

202.9, 55.7%, 68.2%

CMYK

55.7%, 21.3%, 0.0%, 31.8%

OKLCH

0.6047 0.0843 237.5

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4D89AE

#AE724D

Analogous

#4DAEA2

#4D58AE

#4D89AE

Triadic

#4D89AE

#AE4D89

#89AE4D

Split Complementary

#4D89AE

#AE4D58

#AEA24D

Tetradic

#4D89AE

#A24DAE

#AE724D

#58AE4D

Color Blindness Simulation

Original

#4D89AE

Protanopia

#6768A5

Deuteranopia

#645FA3

Tritanopia

#509E9C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #4D89AE;
color: #4D89AE;
border-color: #4D89AE;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEDFE9
300
#AAC7D9
400
#7CA9C5
500
#4E8BB1
600
#3F6F8D
700
#325971
800
#274658
900
#203441
950
#142129

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026