#693956

#693956

Color Values

HEX

#693956

RGB

105, 57, 86

HSL

323.8, 29.6%, 31.8%

HSV

323.8, 45.7%, 41.2%

CMYK

0.0%, 45.7%, 18.1%, 58.8%

OKLCH

0.4143 0.0787 344.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693956

#39694C

Analogous

#643969

#69393E

#693956

Triadic

#693956

#566939

#395669

Split Complementary

#693956

#3E6939

#396964

Tetradic

#693956

#696439

#39694C

#393E69

Color Blindness Simulation

Original

#693956

Protanopia

#54544F

Deuteranopia

#575B4D

Tritanopia

#674948

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DD
300
#D4B0C6
400
#BD85A6
500
#A55A87
600
#84486C
700
#6A3957
800
#532D44
900
#3D2433
950
#271620

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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