#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