#7D82CE

#7D82CE

Color Values

HEX

#7D82CE

RGB

125, 130, 206

HSL

236.3, 45.3%, 64.9%

HSV

236.3, 39.3%, 80.8%

CMYK

39.3%, 36.9%, 0.0%, 19.2%

OKLCH

0.6345 0.1136 279.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7D82CE

#CEC97D

Analogous

#7DAACE

#A07DCE

#7D82CE

Triadic

#7D82CE

#CE7D82

#82CE7D

Split Complementary

#7D82CE

#CEA07D

#AACE7D

Tetradic

#7D82CE

#CE7DAA

#CEC97D

#7DCEA0

Color Blindness Simulation

Original

#7D82CE

Protanopia

#7F7FBC

Deuteranopia

#7F7EB7

Tritanopia

#7DADAA

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A6A9DE
400
#767BCB
500
#464DB9
600
#383D94
700
#2D3177
800
#23265D
900
#1D1F44
950
#12142B

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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