#6F2FC0

#6F2FC0

Color Values

HEX

#6F2FC0

RGB

111, 47, 192

HSL

266.5, 60.7%, 46.9%

HSV

266.5, 75.5%, 75.3%

CMYK

42.2%, 75.5%, 0.0%, 24.7%

OKLCH

0.4772 0.2095 297.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6F2FC0

#80C02F

Analogous

#2F37C0

#B82FC0

#6F2FC0

Triadic

#6F2FC0

#C06F2F

#2FC06F

Split Complementary

#6F2FC0

#C0B82F

#37C02F

Tetradic

#6F2FC0

#C02F37

#80C02F

#2FC0B8

Color Blindness Simulation

Original

#6F2FC0

Protanopia

#53539D

Deuteranopia

#575C94

Tritanopia

#6C817B

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D9C6F1
300
#BD9DE7
400
#9A67DA
500
#7632CD
600
#5F28A4
700
#4C2083
800
#3B1966
900
#2D164B
950
#1D0E2F

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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