#7FAAC6

#7FAAC6

Color Values

HEX

#7FAAC6

RGB

127, 170, 198

HSL

203.7, 38.4%, 63.7%

HSV

203.7, 35.9%, 77.6%

CMYK

35.9%, 14.1%, 0.0%, 22.4%

OKLCH

0.717 0.0618 237.3

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7FAAC6

#C69B7F

Analogous

#7FC6BF

#7F86C6

#7FAAC6

Triadic

#7FAAC6

#C67FAA

#AAC67F

Split Complementary

#7FAAC6

#C67F86

#C6BF7F

Tetradic

#7FAAC6

#BF7FC6

#C69B7F

#86C67F

Color Blindness Simulation

Original

#7FAAC6

Protanopia

#9292BF

Deuteranopia

#8F8CBE

Tritanopia

#81BAB9

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#AAC7D9
400
#7CA8C5
500
#4F8AB0
600
#3F6E8D
700
#325871
800
#274558
900
#203441
950
#142129

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.47:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026