#4DA7B2

#4DA7B2

Color Values

HEX

#4DA7B2

RGB

77, 167, 178

HSL

186.5, 39.6%, 50.0%

HSV

186.5, 56.7%, 69.8%

CMYK

56.7%, 6.2%, 0.0%, 30.2%

OKLCH

0.678 0.0868 206.1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4DA7B2

#B2584D

Analogous

#4DB28A

#4D75B2

#4DA7B2

Triadic

#4DA7B2

#B24DA7

#A7B24D

Split Complementary

#4DA7B2

#B24D75

#B28A4D

Tetradic

#4DA7B2

#8A4DB2

#B2584D

#75B24D

Color Blindness Simulation

Original

#4DA7B2

Protanopia

#7475AF

Deuteranopia

#6F68AF

Tritanopia

#51ADAD

Achromatopsia

#959595

CSS Usage

background-color: #4DA7B2;
color: #4DA7B2;
border-color: #4DA7B2;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD5DA
400
#7BBEC6
500
#4DA7B2
600
#3E868E
700
#316B72
800
#275459
900
#1F3E42
950
#14272A

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

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