#7C77FE

#7C77FE

Color Values

HEX

#7C77FE

RGB

124, 119, 254

HSL

242.2, 98.5%, 73.1%

HSV

242.2, 53.1%, 99.6%

CMYK

51.2%, 53.1%, 0.0%, 0.4%

OKLCH

0.6418 0.1948 281.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7C77FE

#F9FE77

Analogous

#77B5FE

#BF77FE

#7C77FE

Triadic

#7C77FE

#FE7C77

#77FE7C

Split Complementary

#7C77FE

#FEBF77

#B5FE77

Tetradic

#7C77FE

#FE77B5

#F9FE77

#77FEBF

Color Blindness Simulation

Original

#7C77FE

Protanopia

#7A7ADD

Deuteranopia

#7A7AD5

Tritanopia

#7CC4BE

Achromatopsia

#828282

CSS Usage

background-color: #7C77FE;
color: #7C77FE;
border-color: #7C77FE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#BBB8FE
300
#8A86FE
400
#4B44FE
500
#0B02FD
600
#0902CA
700
#0701A2
800
#06017F
900
#09055B
950
#05033A

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026