#7B71F0

#7B71F0

Color Values

HEX

#7B71F0

RGB

123, 113, 240

HSL

244.7, 80.9%, 69.2%

HSV

244.7, 52.9%, 94.1%

CMYK

48.7%, 52.9%, 0.0%, 5.9%

OKLCH

0.6212 0.1845 283.2

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7B71F0

#E6F071

Analogous

#71A7F0

#BA71F0

#7B71F0

Triadic

#7B71F0

#F07B71

#71F07B

Split Complementary

#7B71F0

#F0BA71

#A7F071

Tetradic

#7B71F0

#F071A7

#E6F071

#71F0BA

Color Blindness Simulation

Original

#7B71F0

Protanopia

#7777D1

Deuteranopia

#7778CA

Tritanopia

#7AB9B4

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C3BEF8
300
#9890F3
400
#6054ED
500
#2918E7
600
#2013B9
700
#1A1094
800
#140C73
900
#130D54
950
#0C0835

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026