#6F223C

#6F223C

Color Values

HEX

#6F223C

RGB

111, 34, 60

HSL

339.7, 53.1%, 28.4%

HSV

339.7, 69.4%, 43.5%

CMYK

0.0%, 69.4%, 45.9%, 56.5%

OKLCH

0.3791 0.111 3.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6F223C

#226F55

Analogous

#6F2262

#6F2E22

#6F223C

Triadic

#6F223C

#3C6F22

#223C6F

Split Complementary

#6F223C

#226F2E

#22626F

Tetradic

#6F223C

#626F22

#226F55

#2E226F

Color Blindness Simulation

Original

#6F223C

Protanopia

#4E4D36

Deuteranopia

#525834

Tritanopia

#6B3130

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EEC8D5
300
#E2A1B7
400
#D36F90
500
#C33C6A
600
#9C3054
700
#7D2644
800
#621E35
900
#481929
950
#2D101A

Contrast Checker

Text on white

10.66:1

AA Pass AAA Pass

Text on black

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