#7DABC5

#7DABC5

Color Values

HEX

#7DABC5

RGB

125, 171, 197

HSL

201.7, 38.3%, 63.1%

HSV

201.7, 36.5%, 77.3%

CMYK

36.5%, 13.2%, 0.0%, 22.7%

OKLCH

0.7176 0.0621 233.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7DABC5

#C5977D

Analogous

#7DC5BB

#7D87C5

#7DABC5

Triadic

#7DABC5

#C57DAB

#ABC57D

Split Complementary

#7DABC5

#C57D87

#C5BB7D

Tetradic

#7DABC5

#BB7DC5

#C5977D

#87C57D

Color Blindness Simulation

Original

#7DABC5

Protanopia

#9191BF

Deuteranopia

#8E8BBD

Tritanopia

#7FBAB9

Achromatopsia

#A3A3A3

CSS Usage

background-color: #7DABC5;
color: #7DABC5;
border-color: #7DABC5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEDFE9
300
#AAC8D9
400
#7DABC5
500
#4F8DB0
600
#3F718D
700
#325A71
800
#274758
900
#203541
950
#142229

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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