#692342

#692342

Color Values

HEX

#692342

RGB

105, 35, 66

HSL

333.4, 50.0%, 27.5%

HSV

333.4, 66.7%, 41.2%

CMYK

0.0%, 66.7%, 37.1%, 58.8%

OKLCH

0.3721 0.1055 356.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#692342

#23694A

Analogous

#692365

#692723

#692342

Triadic

#692342

#426923

#234269

Split Complementary

#692342

#236927

#236569

Tetradic

#692342

#656923

#23694A

#272369

Color Blindness Simulation

Original

#692342

Protanopia

#4B4A3B

Deuteranopia

#4F5439

Tritanopia

#663533

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDC9D9
300
#E0A3BE
400
#D0719B
500
#BF4078
600
#993360
700
#7A294D
800
#60203C
900
#461B2E
950
#2C111D

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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