#7314CC

#7314CC

Color Values

HEX

#7314CC

RGB

115, 20, 204

HSL

271.0, 82.1%, 43.9%

HSV

271.0, 90.2%, 80.0%

CMYK

43.6%, 90.2%, 0.0%, 20.0%

OKLCH

0.472 0.242 298.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7314CC

#6DCC14

Analogous

#1714CC

#CC14C9

#7314CC

Triadic

#7314CC

#CC7314

#14CC73

Split Complementary

#7314CC

#C9CC14

#14CC17

Tetradic

#7314CC

#CC1714

#6DCC14

#14C9CC

Color Blindness Simulation

Original

#7314CC

Protanopia

#4A49A0

Deuteranopia

#4F5695

Tritanopia

#6E7C75

Achromatopsia

#353535

CSS Usage

background-color: #7314CC;
color: #7314CC;
border-color: #7314CC;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DCBEF9
300
#C390F4
400
#A353EE
500
#8317E8
600
#6912BA
700
#540F95
800
#410B74
900
#320D54
950
#1F0835

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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