#721CCF

#721CCF

Color Values

HEX

#721CCF

RGB

114, 28, 207

HSL

268.8, 76.2%, 46.1%

HSV

268.8, 86.5%, 81.2%

CMYK

44.9%, 86.5%, 0.0%, 18.8%

OKLCH

0.478 0.2402 297.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#721CCF

#79CF1C

Analogous

#1C20CF

#CC1CCF

#721CCF

Triadic

#721CCF

#CF721C

#1CCF72

Split Complementary

#721CCF

#CFCC1C

#20CF1C

Tetradic

#721CCF

#CF1C20

#79CF1C

#1CCFCC

Color Blindness Simulation

Original

#721CCF

Protanopia

#4D4CA4

Deuteranopia

#525899

Tritanopia

#6E817A

Achromatopsia

#3B3B3B

CSS Usage

background-color: #721CCF;
color: #721CCF;
border-color: #721CCF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DAC0F7
300
#C093F0
400
#9E59E9
500
#7C1EE1
600
#6318B4
700
#4F1390
800
#3E0F70
900
#2F0F52
950
#1E0A34

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

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