#694666

#694666

Color Values

HEX

#694666

RGB

105, 70, 102

HSL

305.1, 20.0%, 34.3%

HSV

305.1, 33.3%, 41.2%

CMYK

0.0%, 33.3%, 2.9%, 58.8%

OKLCH

0.4452 0.0675 329.6

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#694666

#466949

Analogous

#5A4669

#694654

#694666

Triadic

#694666

#666946

#466669

Split Complementary

#694666

#546946

#46695A

Tetradic

#694666

#695A46

#466949

#465469

Color Blindness Simulation

Original

#694666

Protanopia

#5A5A5E

Deuteranopia

#5C5E5C

Tritanopia

#675857

Achromatopsia

#505050

CSS Usage

background-color: #694666;
color: #694666;
border-color: #694666;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E1
300
#CEB6CC
400
#B48EB0
500
#996695
600
#7A5277
700
#62415F
800
#4D334A
900
#392838
950
#241923

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

2.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