#7723DC

#7723DC

Color Values

HEX

#7723DC

RGB

119, 35, 220

HSL

267.2, 72.5%, 50.0%

HSV

267.2, 84.1%, 86.3%

CMYK

45.9%, 84.1%, 0.0%, 13.7%

OKLCH

0.5005 0.2483 296.2

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7723DC

#88DC23

Analogous

#232CDC

#D323DC

#7723DC

Triadic

#7723DC

#DC7723

#23DC77

Split Complementary

#7723DC

#DCD323

#2CDC23

Tetradic

#7723DC

#DC232C

#88DC23

#23DCD3

Color Blindness Simulation

Original

#7723DC

Protanopia

#5352AF

Deuteranopia

#585EA4

Tritanopia

#738C84

Achromatopsia

#424242

CSS Usage

background-color: #7723DC;
color: #7723DC;
border-color: #7723DC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D9C1F5
300
#BE95EE
400
#9A5CE5
500
#7723DC
600
#5F1CB0
700
#4C168D
800
#3B126E
900
#2D1150
950
#1D0B33

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

3.06:1

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