#7F8AC3

#7F8AC3

Color Values

HEX

#7F8AC3

RGB

127, 138, 195

HSL

230.3, 36.2%, 63.1%

HSV

230.3, 34.9%, 76.5%

CMYK

34.9%, 29.2%, 0.0%, 23.5%

OKLCH

0.6469 0.0863 275.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7F8AC3

#C3B87F

Analogous

#7FACC3

#967FC3

#7F8AC3

Triadic

#7F8AC3

#C37F8A

#8AC37F

Split Complementary

#7F8AC3

#C3967F

#ACC37F

Tetradic

#7F8AC3

#C37FAC

#C3B87F

#7FC396

Color Blindness Simulation

Original

#7F8AC3

Protanopia

#8484B5

Deuteranopia

#8382B2

Tritanopia

#80AAA8

Achromatopsia

#8C8C8C

CSS Usage

background-color: #7F8AC3;
color: #7F8AC3;
border-color: #7F8AC3;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED3E8
300
#ACB3D8
400
#7E8AC3
500
#5160AE
600
#414D8B
700
#343E6F
800
#293057
900
#212640
950
#151829

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026