#6F0FAF

#6F0FAF

Color Values

HEX

#6F0FAF

RGB

111, 15, 175

HSL

276.0, 84.2%, 37.3%

HSV

276.0, 91.4%, 68.6%

CMYK

36.6%, 91.4%, 0.0%, 31.4%

OKLCH

0.4378 0.2183 304.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6F0FAF

#4FAF0F

Analogous

#1F0FAF

#AF0F9F

#6F0FAF

Triadic

#6F0FAF

#AF6F0F

#0FAF6F

Split Complementary

#6F0FAF

#9FAF0F

#0FAF1F

Tetradic

#6F0FAF

#AF1F0F

#4FAF0F

#0F9FAF

Color Blindness Simulation

Original

#6F0FAF

Protanopia

#454588

Deuteranopia

#4B527F

Tritanopia

#6A6A63

Achromatopsia

#2F2F2F

CSS Usage

background-color: #6F0FAF;
color: #6F0FAF;
border-color: #6F0FAF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FD
100
#F0E0FA
200
#E1BDF9
300
#CC8EF5
400
#B151F0
500
#9514EB
600
#7710BC
700
#5F0D96
800
#4A0A75
900
#380C55
950
#230736

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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