#7C7FEE

#7C7FEE

Color Values

HEX

#7C7FEE

RGB

124, 127, 238

HSL

238.4, 77.0%, 71.0%

HSV

238.4, 47.9%, 93.3%

CMYK

47.9%, 46.6%, 0.0%, 6.7%

OKLCH

0.6461 0.1628 279.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7C7FEE

#EEEB7C

Analogous

#7CB8EE

#B27CEE

#7C7FEE

Triadic

#7C7FEE

#EE7C7F

#7FEE7C

Split Complementary

#7C7FEE

#EEB27C

#B8EE7C

Tetradic

#7C7FEE

#EE7CB8

#EEEB7C

#7CEEB2

Color Blindness Simulation

Original

#7C7FEE

Protanopia

#7D7DD3

Deuteranopia

#7D7DCD

Tritanopia

#7CBEB9

Achromatopsia

#868686

CSS Usage

background-color: #7C7FEE;
color: #7C7FEE;
border-color: #7C7FEE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#C0C1F7
300
#9395F1
400
#585CE9
500
#1D23E2
600
#171CB5
700
#131690
800
#0F1171
900
#0F1152
950
#090B34

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026