#4DAFB2

#4DAFB2

Color Values

HEX

#4DAFB2

RGB

77, 175, 178

HSL

181.8, 39.6%, 50.0%

HSV

181.8, 56.7%, 69.8%

CMYK

56.7%, 1.7%, 0.0%, 30.2%

OKLCH

0.6973 0.0912 198.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4DAFB2

#B2504D

Analogous

#4DB283

#4D7CB2

#4DAFB2

Triadic

#4DAFB2

#B24DAF

#AFB24D

Split Complementary

#4DAFB2

#B24D7C

#B2834D

Tetradic

#4DAFB2

#834DB2

#B2504D

#7CB24D

Color Blindness Simulation

Original

#4DAFB2

Protanopia

#7778B1

Deuteranopia

#726AB1

Tritanopia

#52B1B1

Achromatopsia

#9A9A9A

CSS Usage

background-color: #4DAFB2;
color: #4DAFB2;
border-color: #4DAFB2;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDE9E9
300
#AAD9DA
400
#7BC4C6
500
#4DAFB2
600
#3E8C8E
700
#317072
800
#275759
900
#1F4142
950
#14292A

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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