#7D7FDF

#7D7FDF

Color Values

HEX

#7D7FDF

RGB

125, 127, 223

HSL

238.8, 60.5%, 68.2%

HSV

238.8, 43.9%, 87.5%

CMYK

43.9%, 43.0%, 0.0%, 12.5%

OKLCH

0.6379 0.1419 280.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7D7FDF

#DFDD7D

Analogous

#7DB0DF

#AC7DDF

#7D7FDF

Triadic

#7D7FDF

#DF7D7F

#7FDF7D

Split Complementary

#7D7FDF

#DFAC7D

#B0DF7D

Tetradic

#7D7FDF

#DF7DB0

#DFDD7D

#7DDFAC

Color Blindness Simulation

Original

#7D7FDF

Protanopia

#7E7EC8

Deuteranopia

#7E7EC2

Tritanopia

#7DB5B1

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C6C7F1
300
#9D9EE7
400
#686ADA
500
#3235CD
600
#282BA4
700
#202283
800
#191B66
900
#16174B
950
#0E0F2F

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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