#7E82CE

#7E82CE

Color Values

HEX

#7E82CE

RGB

126, 130, 206

HSL

237.0, 44.9%, 65.1%

HSV

237.0, 38.8%, 80.8%

CMYK

38.8%, 36.9%, 0.0%, 19.2%

OKLCH

0.6353 0.1134 280.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7E82CE

#CECA7E

Analogous

#7EAACE

#A27ECE

#7E82CE

Triadic

#7E82CE

#CE7E82

#82CE7E

Split Complementary

#7E82CE

#CEA27E

#AACE7E

Tetradic

#7E82CE

#CE7EAA

#CECA7E

#7ECEA2

Color Blindness Simulation

Original

#7E82CE

Protanopia

#8080BC

Deuteranopia

#807FB7

Tritanopia

#7EADAA

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A6A9DD
400
#767BCB
500
#464CB9
600
#383D94
700
#2D3176
800
#23265C
900
#1D1F44
950
#12132B

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