#6B103F

#6B103F

Color Values

HEX

#6B103F

RGB

107, 16, 63

HSL

329.0, 74.0%, 24.1%

HSV

329.0, 85.0%, 42.0%

CMYK

0.0%, 85.0%, 41.1%, 58.0%

OKLCH

0.355 0.1301 355.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6B103F

#106B3C

Analogous

#69106B

#6B1011

#6B103F

Triadic

#6B103F

#3F6B10

#103F6B

Split Complementary

#6B103F

#116B10

#106B69

Tetradic

#6B103F

#6B6910

#106B3C

#10116B

Color Blindness Simulation

Original

#6B103F

Protanopia

#444334

Deuteranopia

#495031

Tritanopia

#662B29

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F6C1DC
300
#EF95C3
400
#E65BA3
500
#DE2183
600
#B11B69
700
#8E1554
800
#6F1141
900
#511032
950
#330A1F

Contrast Checker

Text on white

11.86:1

AA Pass AAA Pass

Text on black

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