#6B253F

#6B253F

Color Values

HEX

#6B253F

RGB

107, 37, 63

HSL

337.7, 48.6%, 28.2%

HSV

337.7, 65.4%, 42.0%

CMYK

0.0%, 65.4%, 41.1%, 58.0%

OKLCH

0.3771 0.1032 0.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6B253F

#256B51

Analogous

#6B2562

#6B2E25

#6B253F

Triadic

#6B253F

#3F6B25

#253F6B

Split Complementary

#6B253F

#256B2E

#25626B

Tetradic

#6B253F

#626B25

#256B51

#2E256B

Color Blindness Simulation

Original

#6B253F

Protanopia

#4D4C39

Deuteranopia

#515637

Tritanopia

#673433

Achromatopsia

#363636

CSS Usage

background-color: #6B253F;
color: #6B253F;
border-color: #6B253F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A4BA
400
#CF7395
500
#BD4270
600
#983459
700
#792A47
800
#5F2138
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

10.71:1

AA Pass AAA Pass

Text on black

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