#6F47AC

#6F47AC

Color Values

HEX

#6F47AC

RGB

111, 71, 172

HSL

263.8, 41.6%, 47.6%

HSV

263.8, 58.7%, 67.5%

CMYK

35.5%, 58.7%, 0.0%, 32.5%

OKLCH

0.4937 0.1558 298.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#6F47AC

#84AC47

Analogous

#4751AC

#A147AC

#6F47AC

Triadic

#6F47AC

#AC6F47

#47AC6F

Split Complementary

#6F47AC

#ACA147

#51AC47

Tetradic

#6F47AC

#AC4751

#84AC47

#47ACA1

Color Blindness Simulation

Original

#6F47AC

Protanopia

#5E5D94

Deuteranopia

#60638E

Tritanopia

#6D807C

Achromatopsia

#575757

CSS Usage

background-color: #6F47AC;
color: #6F47AC;
border-color: #6F47AC;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CCEA
300
#BDA8DB
400
#9979C8
500
#754AB5
600
#5D3C90
700
#4B3074
800
#3A255A
900
#2D1E43
950
#1C132A

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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