#6F0446

#6F0446

Color Values

HEX

#6F0446

RGB

111, 4, 70

HSL

323.0, 93.0%, 22.5%

HSV

323.0, 96.4%, 43.5%

CMYK

0.0%, 96.4%, 36.9%, 56.5%

OKLCH

0.3588 0.1456 350.9

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#6F0446

#046F2D

Analogous

#62046F

#6F0410

#6F0446

Triadic

#6F0446

#466F04

#04466F

Split Complementary

#6F0446

#106F04

#046F62

Tetradic

#6F0446

#6F6204

#046F2D

#04106F

Color Blindness Simulation

Original

#6F0446

Protanopia

#414036

Deuteranopia

#474F32

Tritanopia

#6A2927

Achromatopsia

#202020

CSS Usage

background-color: #6F0446;
color: #6F0446;
border-color: #6F0446;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FDBAE3
300
#FB89CF
400
#F849B5
500
#F6099B
600
#C5077C
700
#9D0663
800
#7B044E
900
#59083A
950
#380525

Contrast Checker

Text on white

11.79:1

AA Pass AAA Pass

Text on black

1.78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026