#693856

#693856

Color Values

HEX

#693856

RGB

105, 56, 86

HSL

323.3, 30.4%, 31.6%

HSV

323.3, 46.7%, 41.2%

CMYK

0.0%, 46.7%, 18.1%, 58.8%

OKLCH

0.4126 0.0806 343.7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693856

#38694B

Analogous

#643869

#69383E

#693856

Triadic

#693856

#566938

#385669

Split Complementary

#693856

#3E6938

#386964

Tetradic

#693856

#696438

#38694B

#383E69

Color Blindness Simulation

Original

#693856

Protanopia

#54534F

Deuteranopia

#575A4D

Tritanopia

#674948

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D0DE
300
#D4AFC6
400
#BD84A7
500
#A65988
600
#85476D
700
#6A3957
800
#532C44
900
#3E2333
950
#271620

Contrast Checker

Text on white

9.13:1

AA Pass AAA Pass

Text on black

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