#7F91BC

#7F91BC

Color Values

HEX

#7F91BC

RGB

127, 145, 188

HSL

222.3, 31.3%, 61.8%

HSV

222.3, 32.4%, 73.7%

CMYK

32.4%, 22.9%, 0.0%, 26.3%

OKLCH

0.6585 0.0677 266.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7F91BC

#BCAA7F

Analogous

#7FB0BC

#8C7FBC

#7F91BC

Triadic

#7F91BC

#BC7F91

#91BC7F

Split Complementary

#7F91BC

#BC8C7F

#B0BC7F

Tetradic

#7F91BC

#BC7FB0

#BCAA7F

#7FBC8C

Color Blindness Simulation

Original

#7F91BC

Protanopia

#8787B2

Deuteranopia

#8684AF

Tritanopia

#80A9A8

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EBF2
200
#D0D7E6
300
#AFBAD5
400
#8395BE
500
#586FA7
600
#465986
700
#38476B
800
#2C3854
900
#232B3E
950
#161B27

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.68:1

AA Pass AAA Fail

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