#7F9AC5

#7F9AC5

Color Values

HEX

#7F9AC5

RGB

127, 154, 197

HSL

216.9, 37.6%, 63.5%

HSV

216.9, 35.5%, 77.3%

CMYK

35.5%, 21.8%, 0.0%, 22.7%

OKLCH

0.6817 0.0708 259.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7F9AC5

#C5AA7F

Analogous

#7FBDC5

#877FC5

#7F9AC5

Triadic

#7F9AC5

#C57F9A

#9AC57F

Split Complementary

#7F9AC5

#C5877F

#BDC57F

Tetradic

#7F9AC5

#C57FBD

#C5AA7F

#7FC587

Color Blindness Simulation

Original

#7F9AC5

Protanopia

#8B8BBB

Deuteranopia

#8987B8

Tritanopia

#80B2B1

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CED8E9
300
#ABBDD9
400
#7D98C4
500
#5074AF
600
#405D8C
700
#334B70
800
#283A58
900
#202D41
950
#141C29

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026