#6B113F

#6B113F

Color Values

HEX

#6B113F

RGB

107, 17, 63

HSL

329.3, 72.6%, 24.3%

HSV

329.3, 84.1%, 42.0%

CMYK

0.0%, 84.1%, 41.1%, 58.0%

OKLCH

0.3558 0.1291 355.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6B113F

#116B3D

Analogous

#6A116B

#6B1112

#6B113F

Triadic

#6B113F

#3F6B11

#113F6B

Split Complementary

#6B113F

#126B11

#116B6A

Tetradic

#6B113F

#6B6A11

#116B3D

#11126B

Color Blindness Simulation

Original

#6B113F

Protanopia

#444334

Deuteranopia

#495031

Tritanopia

#662B29

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F5C1DC
300
#EE95C3
400
#E55CA2
500
#DC2382
600
#B01C68
700
#8D1653
800
#6E1141
900
#501131
950
#330B1F

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

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