#7B68AD

#7B68AD

Color Values

HEX

#7B68AD

RGB

123, 104, 173

HSL

256.5, 29.6%, 54.3%

HSV

256.5, 39.9%, 67.8%

CMYK

28.9%, 39.9%, 0.0%, 32.2%

OKLCH

0.5645 0.1059 295.5

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#7B68AD

#9AAD68

Analogous

#6877AD

#9D68AD

#7B68AD

Triadic

#7B68AD

#AD7B68

#68AD7B

Split Complementary

#7B68AD

#AD9D68

#77AD68

Tetradic

#7B68AD

#AD6877

#9AAD68

#68AD9D

Color Blindness Simulation

Original

#7B68AD

Protanopia

#73739C

Deuteranopia

#747598

Tritanopia

#7A8F8C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D7D1E6
300
#BAB0D4
400
#9485BD
500
#6F5AA5
600
#584884
700
#47396A
800
#372D53
900
#2B243D
950
#1B1627

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail 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