#4DADBA

#4DADBA

Color Values

HEX

#4DADBA

RGB

77, 173, 186

HSL

187.2, 44.1%, 51.6%

HSV

187.2, 58.6%, 72.9%

CMYK

58.6%, 7.0%, 0.0%, 27.1%

OKLCH

0.6954 0.0914 207.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4DADBA

#BA5A4D

Analogous

#4DBA91

#4D77BA

#4DADBA

Triadic

#4DADBA

#BA4DAD

#ADBA4D

Split Complementary

#4DADBA

#BA4D77

#BA914D

Tetradic

#4DADBA

#914DBA

#BA5A4D

#77BA4D

Color Blindness Simulation

Original

#4DADBA

Protanopia

#7777B7

Deuteranopia

#716AB6

Tritanopia

#52B4B4

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CCE7EB
300
#A7D6DD
400
#77C0CA
500
#47AAB8
600
#398893
700
#2E6D76
800
#24555C
900
#1D3F44
950
#12282B

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026