#690D37

#690D37

Color Values

HEX

#690D37

RGB

105, 13, 55

HSL

332.6, 78.0%, 23.1%

HSV

332.6, 87.6%, 41.2%

CMYK

0.0%, 87.6%, 47.6%, 58.8%

OKLCH

0.346 0.1278 359.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#690D37

#0D693F

Analogous

#690D65

#69110D

#690D37

Triadic

#690D37

#37690D

#0D3769

Split Complementary

#690D37

#0D6911

#0D6569

Tetradic

#690D37

#65690D

#0D693F

#110D69

Color Blindness Simulation

Original

#690D37

Protanopia

#41402D

Deuteranopia

#464D2A

Tritanopia

#642523

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7BFD9
300
#F292BE
400
#EA579A
500
#E31C77
600
#B6165F
700
#91124C
800
#710E3B
900
#520E2E
950
#34091D

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026