#690436

#690436

Color Values

HEX

#690436

RGB

105, 4, 54

HSL

330.3, 92.7%, 21.4%

HSV

330.3, 96.2%, 41.2%

CMYK

0.0%, 96.2%, 48.6%, 58.8%

OKLCH

0.3403 0.1343 359.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#690436

#046937

Analogous

#690469

#690404

#690436

Triadic

#690436

#366904

#043669

Split Complementary

#690436

#046904

#046969

Tetradic

#690436

#696904

#046937

#040469

Color Blindness Simulation

Original

#690436

Protanopia

#3D3C2A

Deuteranopia

#434B27

Tritanopia

#64201E

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADB
300
#FB89C1
400
#F849A0
500
#F6097E
600
#C50765
700
#9D0651
800
#7B053F
900
#590830
950
#38051E

Contrast Checker

Text on white

12.57:1

AA Pass AAA Pass

Text on black

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