#7FA7BA

#7FA7BA

Color Values

HEX

#7FA7BA

RGB

127, 167, 186

HSL

199.3, 29.9%, 61.4%

HSV

199.3, 31.7%, 72.9%

CMYK

31.7%, 10.2%, 0.0%, 27.1%

OKLCH

0.7058 0.0515 228.7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7FA7BA

#BA927F

Analogous

#7FBAB0

#7F8ABA

#7FA7BA

Triadic

#7FA7BA

#BA7FA7

#A7BA7F

Split Complementary

#7FA7BA

#BA7F8A

#BAB07F

Tetradic

#7FA7BA

#B07FBA

#BA927F

#8ABA7F

Color Blindness Simulation

Original

#7FA7BA

Protanopia

#9091B5

Deuteranopia

#8E8BB4

Tritanopia

#81B2B1

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1DFE6
300
#B0C8D4
400
#84ABBD
500
#598DA6
600
#487184
700
#395A6A
800
#2D4753
900
#23353D
950
#162227

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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