#7FABC2

#7FABC2

Color Values

HEX

#7FABC2

RGB

127, 171, 194

HSL

200.6, 35.4%, 62.9%

HSV

200.6, 34.5%, 76.1%

CMYK

34.5%, 11.9%, 0.0%, 23.9%

OKLCH

0.7177 0.0579 231.3

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7FABC2

#C2967F

Analogous

#7FC2B7

#7F89C2

#7FABC2

Triadic

#7FABC2

#C27FAB

#ABC27F

Split Complementary

#7FABC2

#C27F89

#C2B77F

Tetradic

#7FABC2

#B77FC2

#C2967F

#89C27F

Color Blindness Simulation

Original

#7FABC2

Protanopia

#9292BC

Deuteranopia

#908CBB

Tritanopia

#81B8B7

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CFDFE8
300
#ACC9D7
400
#7FABC2
500
#528EAD
600
#42718A
700
#355B6E
800
#294756
900
#213540
950
#152228

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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