#7E85DF

#7E85DF

Color Values

HEX

#7E85DF

RGB

126, 133, 223

HSL

235.7, 60.2%, 68.4%

HSV

235.7, 43.5%, 87.5%

CMYK

43.5%, 40.4%, 0.0%, 12.5%

OKLCH

0.6503 0.1335 278.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7E85DF

#DFD87E

Analogous

#7EB5DF

#A77EDF

#7E85DF

Triadic

#7E85DF

#DF7E85

#85DF7E

Split Complementary

#7E85DF

#DFA77E

#B5DF7E

Tetradic

#7E85DF

#DF7EB5

#DFD87E

#7EDFA7

Color Blindness Simulation

Original

#7E85DF

Protanopia

#8181C9

Deuteranopia

#8180C4

Tritanopia

#7EB8B4

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C9F1
300
#9DA2E7
400
#6870D9
500
#333ECC
600
#2931A3
700
#202883
800
#191F66
900
#161A4B
950
#0E102F

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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