#7011CE

#7011CE

Color Values

HEX

#7011CE

RGB

112, 17, 206

HSL

270.2, 84.8%, 43.7%

HSV

270.2, 91.7%, 80.8%

CMYK

45.6%, 91.7%, 0.0%, 19.2%

OKLCH

0.4689 0.2448 297.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7011CE

#6FCE11

Analogous

#1211CE

#CE11CD

#7011CE

Triadic

#7011CE

#CE7011

#11CE70

Split Complementary

#7011CE

#CDCE11

#11CE12

Tetradic

#7011CE

#CE1211

#6FCE11

#11CDCE

Color Blindness Simulation

Original

#7011CE

Protanopia

#4746A0

Deuteranopia

#4C5395

Tritanopia

#6B7C74

Achromatopsia

#333333

CSS Usage

background-color: #7011CE;
color: #7011CE;
border-color: #7011CE;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBDFA
300
#C28EF6
400
#A151F1
500
#8013EC
600
#6710BC
700
#520C97
800
#400A76
900
#310B55
950
#1F0736

Contrast Checker

Text on white

7.89:1

AA Pass AAA Pass

Text on black

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