#6F102F

#6F102F

Color Values

HEX

#6F102F

RGB

111, 16, 47

HSL

340.4, 74.8%, 24.9%

HSV

340.4, 85.6%, 43.5%

CMYK

0.0%, 85.6%, 57.7%, 56.5%

OKLCH

0.3573 0.1284 8.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6F102F

#106F50

Analogous

#6F105F

#6F2010

#6F102F

Triadic

#6F102F

#2F6F10

#102F6F

Split Complementary

#6F102F

#106F20

#105F6F

Tetradic

#6F102F

#5F6F10

#106F50

#20106F

Color Blindness Simulation

Original

#6F102F

Protanopia

#464528

Deuteranopia

#4B5226

Tritanopia

#6A2220

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F8E2E9
200
#F6C1D2
300
#F094B2
400
#E75A88
500
#DF205E
600
#B21A4C
700
#8F153C
800
#6F102F
900
#511025
950
#330A17

Contrast Checker

Text on white

11.72:1

AA Pass AAA Pass

Text on black

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