#4DAAB2

#4DAAB2

Color Values

HEX

#4DAAB2

RGB

77, 170, 178

HSL

184.8, 39.6%, 50.0%

HSV

184.8, 56.7%, 69.8%

CMYK

56.7%, 4.5%, 0.0%, 30.2%

OKLCH

0.6852 0.0882 203.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4DAAB2

#B2554D

Analogous

#4DB288

#4D77B2

#4DAAB2

Triadic

#4DAAB2

#B24DAA

#AAB24D

Split Complementary

#4DAAB2

#B24D77

#B2884D

Tetradic

#4DAAB2

#884DB2

#B2554D

#77B24D

Color Blindness Simulation

Original

#4DAAB2

Protanopia

#7576B0

Deuteranopia

#7069B0

Tritanopia

#52AFAE

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE7E9
300
#AAD6DA
400
#7BC0C6
500
#4DAAB2
600
#3E888E
700
#316D72
800
#275559
900
#1F3F42
950
#14282A

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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