#7C79BC

#7C79BC

Color Values

HEX

#7C79BC

RGB

124, 121, 188

HSL

242.7, 33.3%, 60.6%

HSV

242.7, 35.6%, 73.7%

CMYK

34.0%, 35.6%, 0.0%, 26.3%

OKLCH

0.6064 0.1007 285.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#7C79BC

#B9BC79

Analogous

#7998BC

#9E79BC

#7C79BC

Triadic

#7C79BC

#BC7C79

#79BC7C

Split Complementary

#7C79BC

#BC9E79

#98BC79

Tetradic

#7C79BC

#BC7998

#B9BC79

#79BC9E

Color Blindness Simulation

Original

#7C79BC

Protanopia

#7B7BAC

Deuteranopia

#7B7BA8

Tritanopia

#7C9F9C

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D0CFE7
300
#AFADD6
400
#8481C0
500
#5955AA
600
#474488
700
#39366D
800
#2C2B55
900
#23223F
950
#161528

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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