#6F2E73

#6F2E73

Color Values

HEX

#6F2E73

RGB

111, 46, 115

HSL

296.5, 42.9%, 31.6%

HSV

296.5, 60.0%, 45.1%

CMYK

3.5%, 60.0%, 0.0%, 54.9%

OKLCH

0.4201 0.1302 325.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#6F2E73

#32732E

Analogous

#4D2E73

#732E55

#6F2E73

Triadic

#6F2E73

#736F2E

#2E736F

Split Complementary

#6F2E73

#55732E

#2E734D

Tetradic

#6F2E73

#734D2E

#32732E

#2E5573

Color Blindness Simulation

Original

#6F2E73

Protanopia

#535262

Deuteranopia

#575B5E

Tritanopia

#6C5552

Achromatopsia

#414141

CSS Usage

background-color: #6F2E73;
color: #6F2E73;
border-color: #6F2E73;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEB
300
#D9A8DC
400
#C478C9
500
#B049B6
600
#8D3A92
700
#712F75
800
#58245B
900
#411E43
950
#29132A

Contrast Checker

Text on white

9.07:1

AA Pass AAA Pass

Text on black

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