#694368

#694368

Color Values

HEX

#694368

RGB

105, 67, 104

HSL

301.6, 22.1%, 33.7%

HSV

301.6, 36.2%, 41.2%

CMYK

0.0%, 36.2%, 1.0%, 58.8%

OKLCH

0.4404 0.0758 327.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#694368

#436944

Analogous

#574369

#694355

#694368

Triadic

#694368

#686943

#436869

Split Complementary

#694368

#556943

#436957

Tetradic

#694368

#695743

#436944

#435569

Color Blindness Simulation

Original

#694368

Protanopia

#59585F

Deuteranopia

#5B5E5D

Tritanopia

#675856

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1EAF0
200
#E3D3E3
300
#CFB4CF
400
#B68CB4
500
#9C639A
600
#7D4F7B
700
#644063
800
#4E324D
900
#3A273A
950
#251924

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

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