#6F5DC0

#6F5DC0

Color Values

HEX

#6F5DC0

RGB

111, 93, 192

HSL

250.9, 44.0%, 55.9%

HSV

250.9, 51.6%, 75.3%

CMYK

42.2%, 51.6%, 0.0%, 24.7%

OKLCH

0.5443 0.1492 288.8

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#6F5DC0

#AEC05D

Analogous

#5D7DC0

#A15DC0

#6F5DC0

Triadic

#6F5DC0

#C06F5D

#5DC06F

Split Complementary

#6F5DC0

#C0A15D

#7DC05D

Tetradic

#6F5DC0

#C05D7D

#AEC05D

#5DC0A1

Color Blindness Simulation

Original

#6F5DC0

Protanopia

#6767A8

Deuteranopia

#686AA2

Tritanopia

#6E9591

Achromatopsia

#686868

CSS Usage

background-color: #6F5DC0;
color: #6F5DC0;
border-color: #6F5DC0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D1CCEB
300
#B1A7DD
400
#8677CA
500
#5C47B8
600
#493993
700
#3B2E76
800
#2E245C
900
#241D44
950
#17122B

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026