#7C86FE

#7C86FE

Color Values

HEX

#7C86FE

RGB

124, 134, 254

HSL

235.4, 98.5%, 74.1%

HSV

235.4, 51.2%, 99.6%

CMYK

51.2%, 47.2%, 0.0%, 0.4%

OKLCH

0.669 0.1753 277.0

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#7C86FE

#FEF47C

Analogous

#7CC7FE

#B37CFE

#7C86FE

Triadic

#7C86FE

#FE7C86

#86FE7C

Split Complementary

#7C86FE

#FEB37C

#C7FE7C

Tetradic

#7C86FE

#FE7CC7

#FEF47C

#7CFEB3

Color Blindness Simulation

Original

#7C86FE

Protanopia

#8080E1

Deuteranopia

#807FDA

Tritanopia

#7CCAC5

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BEFE
300
#868FFE
400
#4452FE
500
#0215FD
600
#0211CA
700
#010EA2
800
#010B7F
900
#050C5B
950
#03083A

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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