#7FABC3

#7FABC3

Color Values

HEX

#7FABC3

RGB

127, 171, 195

HSL

201.2, 36.2%, 63.1%

HSV

201.2, 34.9%, 76.5%

CMYK

34.9%, 12.3%, 0.0%, 23.5%

OKLCH

0.7181 0.0588 232.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7FABC3

#C3977F

Analogous

#7FC3B9

#7F89C3

#7FABC3

Triadic

#7FABC3

#C37FAB

#ABC37F

Split Complementary

#7FABC3

#C37F89

#C3B97F

Tetradic

#7FABC3

#B97FC3

#C3977F

#89C37F

Color Blindness Simulation

Original

#7FABC3

Protanopia

#9292BD

Deuteranopia

#908CBC

Tritanopia

#81B9B8

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEDFE8
300
#ACC8D8
400
#7EABC3
500
#518DAE
600
#41718B
700
#345A6F
800
#294757
900
#213540
950
#152229

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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