#7B7FFF

#7B7FFF

Color Values

HEX

#7B7FFF

RGB

123, 127, 255

HSL

238.2, 100.0%, 74.1%

HSV

238.2, 51.8%, 100.0%

CMYK

51.8%, 50.2%, 0.0%, 0.0%

OKLCH

0.656 0.1859 278.6

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#7B7FFF

#FFFB7B

Analogous

#7BC1FF

#B97BFF

#7B7FFF

Triadic

#7B7FFF

#FF7B7F

#7FFF7B

Split Complementary

#7B7FFF

#FFB97B

#C1FF7B

Tetradic

#7B7FFF

#FF7BC1

#FFFB7B

#7BFFB9

Color Blindness Simulation

Original

#7B7FFF

Protanopia

#7D7DE0

Deuteranopia

#7C7CD9

Tritanopia

#7BC8C2

Achromatopsia

#878787

CSS Usage

background-color: #7B7FFF;
color: #7B7FFF;
border-color: #7B7FFF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFF
300
#8588FF
400
#4248FF
500
#0008FF
600
#0006CC
700
#0005A3
800
#000480
900
#05075C
950
#03053A

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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