#694355

#694355

Color Values

HEX

#694355

RGB

105, 67, 85

HSL

331,6, 22,1%, 33,7%

HSV

331,6, 36,2%, 41,2%

CMYK

0,0%, 36,2%, 19,0%, 58,8%

OKLCH

0,4325 0,0584 349,9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#694355

#436957

Analogous

#694368

#694443

#694355

Triadic

#694355

#556943

#435569

Split Complementary

#694355

#436944

#436869

Tetradic

#694355

#686943

#436957

#444369

Color Blindness Simulation

Original

#694355

Protanopia

#595851

Deuteranopia

#5B5E50

Tritanopia

#674D4C

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E3D3DB
300
#CFB4C1
400
#B68CA0
500
#9C637E
600
#7D4F65
700
#644051
800
#4E323F
900
#3A2730
950
#25191E

Contrast Checker

Text on white

8,29:1

AA Pass AAA Pass

Text on black

2,53: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