#7C88C3

#7C88C3

Color Values

HEX

#7C88C3

RGB

124, 136, 195

HSL

229.9, 37.2%, 62.5%

HSV

229.9, 36.4%, 76.5%

CMYK

36.4%, 30.3%, 0.0%, 23.5%

OKLCH

0.6405 0.0897 274.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7C88C3

#C3B77C

Analogous

#7CABC3

#937CC3

#7C88C3

Triadic

#7C88C3

#C37C88

#88C37C

Split Complementary

#7C88C3

#C3937C

#ABC37C

Tetradic

#7C88C3

#C37CAB

#C3B77C

#7CC393

Color Blindness Simulation

Original

#7C88C3

Protanopia

#8181B5

Deuteranopia

#8080B1

Tritanopia

#7DA9A7

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED2E9
300
#ABB3D9
400
#7E89C4
500
#5060AF
600
#404D8C
700
#333D70
800
#283057
900
#202641
950
#141829

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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