#7B6EEF

#7B6EEF

Color Values

HEX

#7B6EEF

RGB

123, 110, 239

HSL

246.0, 80.1%, 68.4%

HSV

246.0, 54.0%, 93.7%

CMYK

48.5%, 54.0%, 0.0%, 6.3%

OKLCH

0.6153 0.1872 284.0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7B6EEF

#E2EF6E

Analogous

#6EA2EF

#BB6EEF

#7B6EEF

Triadic

#7B6EEF

#EF7B6E

#6EEF7B

Split Complementary

#7B6EEF

#EFBB6E

#A2EF6E

Tetradic

#7B6EEF

#EF6EA2

#E2EF6E

#6EEFBB

Color Blindness Simulation

Original

#7B6EEF

Protanopia

#7575D0

Deuteranopia

#7677C8

Tritanopia

#7AB7B2

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C4BFF8
300
#9B91F3
400
#6455EC
500
#2E19E6
600
#2514B8
700
#1D1093
800
#170D73
900
#150E53
950
#0D0935

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026