#6711AF

#6711AF

Color Values

HEX

#6711AF

RGB

103, 17, 175

HSL

272.7, 82.3%, 37.6%

HSV

272.7, 90.3%, 68.6%

CMYK

41.1%, 90.3%, 0.0%, 31.4%

OKLCH

0.4283 0.2158 301.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6711AF

#59AF11

Analogous

#1811AF

#AF11A8

#6711AF

Triadic

#6711AF

#AF6711

#11AF67

Split Complementary

#6711AF

#A8AF11

#11AF18

Tetradic

#6711AF

#AF1811

#59AF11

#11A8AF

Color Blindness Simulation

Original

#6711AF

Protanopia

#424189

Deuteranopia

#474D80

Tritanopia

#636B64

Achromatopsia

#2F2F2F

CSS Usage

background-color: #6711AF;
color: #6711AF;
border-color: #6711AF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF9
300
#C68FF4
400
#A853EE
500
#8917E8
600
#6E12BA
700
#580E95
800
#440B74
900
#340D54
950
#210835

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

2.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026