#69283F

#69283F

Color Values

HEX

#69283F

RGB

105, 40, 63

HSL

338.8, 44.8%, 28.4%

HSV

338.8, 61.9%, 41.2%

CMYK

0.0%, 61.9%, 40.0%, 58.8%

OKLCH

0.3779 0.0963 0.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#69283F

#286952

Analogous

#69285F

#693128

#69283F

Triadic

#69283F

#3F6928

#283F69

Split Complementary

#69283F

#286931

#285F69

Tetradic

#69283F

#5F6928

#286952

#312869

Color Blindness Simulation

Original

#69283F

Protanopia

#4D4C39

Deuteranopia

#515638

Tritanopia

#663534

Achromatopsia

#373737

CSS Usage

background-color: #69283F;
color: #69283F;
border-color: #69283F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF4F6
100
#F4E6EB
200
#EBCBD7
300
#DDA6BA
400
#CB7694
500
#B9466F
600
#943859
700
#762D47
800
#5C2337
900
#441D2B
950
#2B121B

Contrast Checker

Text on white

10.63:1

AA Pass AAA Pass

Text on black

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