#7F9CBF

#7F9CBF

Color Values

HEX

#7F9CBF

RGB

127, 156, 191

HSL

212.8, 33.3%, 62.4%

HSV

212.8, 33.5%, 74.9%

CMYK

33.5%, 18.3%, 0.0%, 25.1%

OKLCH

0.6835 0.0613 253.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7F9CBF

#BFA27F

Analogous

#7FBCBF

#827FBF

#7F9CBF

Triadic

#7F9CBF

#BF7F9C

#9CBF7F

Split Complementary

#7F9CBF

#BF827F

#BCBF7F

Tetradic

#7F9CBF

#BF7FBC

#BFA27F

#7FBF82

Color Blindness Simulation

Original

#7F9CBF

Protanopia

#8C8CB7

Deuteranopia

#8A88B4

Tritanopia

#80B0AE

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE7
300
#ADC0D6
400
#819EC0
500
#557CAA
600
#446388
700
#364F6D
800
#2B3E55
900
#222F3F
950
#151E28

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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