#4D98B2

#4D98B2

Color Values

HEX

#4D98B2

RGB

77, 152, 178

HSL

195.4, 39.6%, 50.0%

HSV

195.4, 56.7%, 69.8%

CMYK

56.7%, 14.6%, 0.0%, 30.2%

OKLCH

0.642 0.0837 223.2

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#4D98B2

#B2674D

Analogous

#4DB299

#4D66B2

#4D98B2

Triadic

#4D98B2

#B24D98

#98B24D

Split Complementary

#4D98B2

#B24D66

#B2994D

Tetradic

#4D98B2

#994DB2

#B2674D

#66B24D

Color Blindness Simulation

Original

#4D98B2

Protanopia

#6D6EAC

Deuteranopia

#6964AA

Tritanopia

#51A7A6

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CDE2E9
300
#AACEDA
400
#7BB3C6
500
#4D98B2
600
#3E7A8E
700
#316172
800
#274C59
900
#1F3942
950
#14242A

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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