#7F82EE

#7F82EE

Color Values

HEX

#7F82EE

RGB

127, 130, 238

HSL

238.4, 76.6%, 71.6%

HSV

238.4, 46.6%, 93.3%

CMYK

46.6%, 45.4%, 0.0%, 6.7%

OKLCH

0.6539 0.1583 279.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7F82EE

#EEEB7F

Analogous

#7FBAEE

#B47FEE

#7F82EE

Triadic

#7F82EE

#EE7F82

#82EE7F

Split Complementary

#7F82EE

#EEB47F

#BAEE7F

Tetradic

#7F82EE

#EE7FBA

#EEEB7F

#7FEEB4

Color Blindness Simulation

Original

#7F82EE

Protanopia

#8080D4

Deuteranopia

#8080CE

Tritanopia

#7FBFBB

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C1F7
300
#9395F1
400
#585CE9
500
#1E23E1
600
#181CB4
700
#131690
800
#0F1271
900
#0F1152
950
#0A0B34

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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