#6F4156

#6F4156

Color Values

HEX

#6F4156

RGB

111, 65, 86

HSL

332.6, 26.1%, 34.5%

HSV

332.6, 41.4%, 43.5%

CMYK

0.0%, 41.4%, 22.5%, 56.5%

OKLCH

0.4369 0.0699 351.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6F4156

#416F5A

Analogous

#6F416D

#6F4341

#6F4156

Triadic

#6F4156

#566F41

#41566F

Split Complementary

#6F4156

#416F43

#416D6F

Tetradic

#6F4156

#6D6F41

#416F5A

#43416F

Color Blindness Simulation

Original

#6F4156

Protanopia

#5B5B51

Deuteranopia

#5E6150

Tritanopia

#6D4D4C

Achromatopsia

#4C4C4C

CSS Usage

background-color: #6F4156;
color: #6F4156;
border-color: #6F4156;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DA
300
#D2B2C0
400
#B9889F
500
#A15E7D
600
#814B64
700
#673C50
800
#502F3E
900
#3C252F
950
#26171E

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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