#7B6EFF

#7B6EFF

Color Values

HEX

#7B6EFF

RGB

123, 110, 255

HSL

245.4, 100.0%, 71.6%

HSV

245.4, 56.9%, 100.0%

CMYK

51.8%, 56.9%, 0.0%, 0.0%

OKLCH

0.6264 0.2078 282.6

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7B6EFF

#F2FF6E

Analogous

#6EAAFF

#C46EFF

#7B6EFF

Triadic

#7B6EFF

#FF7B6E

#6EFF7B

Split Complementary

#7B6EFF

#FFC46E

#AAFF6E

Tetradic

#7B6EFF

#FF6EAA

#F2FF6E

#6EFFC4

Color Blindness Simulation

Original

#7B6EFF

Protanopia

#7575DC

Deuteranopia

#7677D4

Tritanopia

#7AC0BA

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5342FF
500
#1700FF
600
#1200CC
700
#0F00A3
800
#0B0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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