#6B14CB

#6B14CB

Color Values

HEX

#6B14CB

RGB

107, 20, 203

HSL

268.5, 82.1%, 43.7%

HSV

268.5, 90.1%, 79.6%

CMYK

47.3%, 90.1%, 0.0%, 20.4%

OKLCH

0.4615 0.2403 295.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6B14CB

#74CB14

Analogous

#1419CB

#C614CB

#6B14CB

Triadic

#6B14CB

#CB6B14

#14CB6B

Split Complementary

#6B14CB

#CBC614

#19CB14

Tetradic

#6B14CB

#CB1419

#74CB14

#14CBC6

Color Blindness Simulation

Original

#6B14CB

Protanopia

#45459F

Deuteranopia

#4A5194

Tritanopia

#677C74

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DABEF9
300
#BF90F4
400
#9D53EE
500
#7A17E8
600
#6212BA
700
#4E0F95
800
#3D0B74
900
#2F0D54
950
#1D0835

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

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