#690434

#690434

Color Values

HEX

#690434

RGB

105, 4, 52

HSL

331.5, 92.7%, 21.4%

HSV

331.5, 96.2%, 41.2%

CMYK

0.0%, 96.2%, 50.5%, 58.8%

OKLCH

0.3396 0.1336 0.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#690434

#046939

Analogous

#690467

#690704

#690434

Triadic

#690434

#346904

#043469

Split Complementary

#690434

#046907

#046769

Tetradic

#690434

#676904

#046939

#070469

Color Blindness Simulation

Original

#690434

Protanopia

#3D3C28

Deuteranopia

#434B26

Tritanopia

#641F1D

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FCBADA
300
#FB89BF
400
#F8499C
500
#F6097A
600
#C50761
700
#9D064E
800
#7B053D
900
#59082E
950
#38051D

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

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