#4DADAE

#4DADAE

Color Values

HEX

#4DADAE

RGB

77, 173, 174

HSL

180.6, 38.6%, 49.2%

HSV

180.6, 55.7%, 68.2%

CMYK

55.7%, 0.6%, 0.0%, 31.8%

OKLCH

0.6911 0.0899 196.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4DADAE

#AE4E4D

Analogous

#4DAE7E

#4D7CAE

#4DADAE

Triadic

#4DADAE

#AE4DAD

#ADAE4D

Split Complementary

#4DADAE

#AE4D7C

#AE7E4D

Tetradic

#4DADAE

#7E4DAE

#AE4E4D

#7CAE4D

Color Blindness Simulation

Original

#4DADAE

Protanopia

#7777AE

Deuteranopia

#716AAE

Tritanopia

#52AEAE

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CEE9E9
300
#AAD9D9
400
#7CC4C5
500
#4EB0B1
600
#3F8D8D
700
#327071
800
#275858
900
#204141
950
#142929

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026