#69162D

#69162D

Color Values

HEX

#69162D

RGB

105, 22, 45

HSL

343.4, 65.4%, 24.9%

HSV

343.4, 79.0%, 41.2%

CMYK

0.0%, 79.0%, 57.1%, 58.8%

OKLCH

0.3502 0.1163 9.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#69162D

#166952

Analogous

#691656

#692916

#69162D

Triadic

#69162D

#2D6916

#162D69

Split Complementary

#69162D

#166929

#165669

Tetradic

#69162D

#566916

#166952

#291669

Color Blindness Simulation

Original

#69162D

Protanopia

#454427

Deuteranopia

#4A5026

Tritanopia

#652322

Achromatopsia

#292929

CSS Usage

background-color: #69162D;
color: #69162D;
border-color: #69162D;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F5
100
#F7E3E9
200
#F3C4D1
300
#EA9AB0
400
#DE6385
500
#D32C5A
600
#A92348
700
#871C3A
800
#69162D
900
#4D1424
950
#310D17

Contrast Checker

Text on white

11.98:1

AA Pass AAA Pass

Text on black

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