#7F89C3

#7F89C3

Color Values

HEX

#7F89C3

RGB

127, 137, 195

HSL

231.2, 36.2%, 63.1%

HSV

231.2, 34.9%, 76.5%

CMYK

34.9%, 29.7%, 0.0%, 23.5%

OKLCH

0.6448 0.0877 276.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7F89C3

#C3B97F

Analogous

#7FABC3

#977FC3

#7F89C3

Triadic

#7F89C3

#C37F89

#89C37F

Split Complementary

#7F89C3

#C3977F

#ABC37F

Tetradic

#7F89C3

#C37FAB

#C3B97F

#7FC397

Color Blindness Simulation

Original

#7F89C3

Protanopia

#8383B5

Deuteranopia

#8382B2

Tritanopia

#7FAAA7

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED2E8
300
#ACB2D8
400
#7E89C3
500
#515FAE
600
#414C8B
700
#343D6F
800
#292F57
900
#212540
950
#151829

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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