#692640

#692640

Color Values

HEX

#692640

RGB

105, 38, 64

HSL

336.7, 46.9%, 28.0%

HSV

336.7, 63.8%, 41.2%

CMYK

0.0%, 63.8%, 39.0%, 58.8%

OKLCH

0.3754 0.0999 358.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#692640

#26694F

Analogous

#692661

#692D26

#692640

Triadic

#692640

#406926

#264069

Split Complementary

#692640

#26692D

#266169

Tetradic

#692640

#616926

#26694F

#2D2669

Color Blindness Simulation

Original

#692640

Protanopia

#4C4B3A

Deuteranopia

#505538

Tritanopia

#663534

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DFA5BB
400
#CD7497
500
#BB4472
600
#96365B
700
#782B49
800
#5E2239
900
#451C2C
950
#2C121C

Contrast Checker

Text on white

10.76:1

AA Pass AAA Pass

Text on black

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