#6F384A

#6F384A

Color Values

HEX

#6F384A

RGB

111, 56, 74

HSL

340.4, 32.9%, 32.7%

HSV

340.4, 49.5%, 43.5%

CMYK

0.0%, 49.5%, 33.3%, 56.5%

OKLCH

0.4166 0.0804 0.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#6F384A

#386F5D

Analogous

#6F3865

#6F4138

#6F384A

Triadic

#6F384A

#4A6F38

#384A6F

Split Complementary

#6F384A

#386F41

#38656F

Tetradic

#6F384A

#656F38

#386F5D

#41386F

Color Blindness Simulation

Original

#6F384A

Protanopia

#575746

Deuteranopia

#5A5E45

Tritanopia

#6C4241

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EB
200
#E7D0D7
300
#D6AEBB
400
#C08296
500
#A95671
600
#88445A
700
#6C3748
800
#552B38
900
#3F222B
950
#28161B

Contrast Checker

Text on white

8.97:1

AA Pass AAA Pass

Text on black

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