#7614CF

#7614CF

Color Values

HEX

#7614CF

RGB

118, 20, 207

HSL

271.4, 82.4%, 44.5%

HSV

271.4, 90.3%, 81.2%

CMYK

43.0%, 90.3%, 0.0%, 18.8%

OKLCH

0.4784 0.245 299.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7614CF

#6DCF14

Analogous

#1814CF

#CF14CB

#7614CF

Triadic

#7614CF

#CF7614

#14CF76

Split Complementary

#7614CF

#CBCF14

#14CF18

Tetradic

#7614CF

#CF1814

#6DCF14

#14CBCF

Color Blindness Simulation

Original

#7614CF

Protanopia

#4C4BA2

Deuteranopia

#515997

Tritanopia

#717E76

Achromatopsia

#363636

CSS Usage

background-color: #7614CF;
color: #7614CF;
border-color: #7614CF;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C48FF4
400
#A453EE
500
#8416E9
600
#6A12BA
700
#550E95
800
#420B74
900
#320D54
950
#200835

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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