#6F304D

#6F304D

Color Values

HEX

#6F304D

RGB

111, 48, 77

HSL

332.4, 39.6%, 31.2%

HSV

332.4, 56.8%, 43.5%

CMYK

0.0%, 56.8%, 30.6%, 56.5%

OKLCH

0.4047 0.0959 353.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6F304D

#306F52

Analogous

#6F306D

#6F3330

#6F304D

Triadic

#6F304D

#4D6F30

#304D6F

Split Complementary

#6F304D

#306F33

#306D6F

Tetradic

#6F304D

#6D6F30

#306F52

#33306F

Color Blindness Simulation

Original

#6F304D

Protanopia

#545346

Deuteranopia

#575C44

Tritanopia

#6C403F

Achromatopsia

#3F3F3F

CSS Usage

background-color: #6F304D;
color: #6F304D;
border-color: #6F304D;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CDDA
300
#DAAAC0
400
#C67B9E
500
#B24D7B
600
#8E3E63
700
#72314F
800
#59273E
900
#421F2F
950
#2A141E

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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