#6F244D

#6F244D

Color Values

HEX

#6F244D

RGB

111, 36, 77

HSL

327.2, 51.0%, 28.8%

HSV

327.2, 67.6%, 43.5%

CMYK

0.0%, 67.6%, 30.6%, 56.5%

OKLCH

0.3879 0.1156 350.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#6F244D

#246F46

Analogous

#6B246F

#6F2427

#6F244D

Triadic

#6F244D

#4D6F24

#244D6F

Split Complementary

#6F244D

#276F24

#246F6B

Tetradic

#6F244D

#6F6B24

#246F46

#24276F

Color Blindness Simulation

Original

#6F244D

Protanopia

#4F4E43

Deuteranopia

#535841

Tritanopia

#6B3B3A

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC9DD
300
#E1A3C5
400
#D171A5
500
#C13E86
600
#9A326B
700
#7B2855
800
#601F43
900
#471A33
950
#2D1120

Contrast Checker

Text on white

10.32:1

AA Pass AAA Pass

Text on black

2.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026