#7D8BC2

#7D8BC2

Color Values

HEX

#7D8BC2

RGB

125, 139, 194

HSL

227.8, 36.1%, 62.5%

HSV

227.8, 35.6%, 76.1%

CMYK

35.6%, 28.4%, 0.0%, 23.9%

OKLCH

0.6471 0.0841 272.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7D8BC2

#C2B47D

Analogous

#7DADC2

#917DC2

#7D8BC2

Triadic

#7D8BC2

#C27D8B

#8BC27D

Split Complementary

#7D8BC2

#C2917D

#ADC27D

Tetradic

#7D8BC2

#C27DAD

#C2B47D

#7DC291

Color Blindness Simulation

Original

#7D8BC2

Protanopia

#8383B5

Deuteranopia

#8281B1

Tritanopia

#7EAAA8

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CED4E8
300
#ACB5D8
400
#7F8CC3
500
#5164AE
600
#41508B
700
#34406F
800
#293257
900
#212740
950
#151929

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026