#694356

#694356

Color Values

HEX

#694356

RGB

105, 67, 86

HSL

330.0, 22.1%, 33.7%

HSV

330.0, 36.2%, 41.2%

CMYK

0.0%, 36.2%, 18.1%, 58.8%

OKLCH

0.4329 0.0591 348.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#694356

#436956

Analogous

#694369

#694343

#694356

Triadic

#694356

#566943

#435669

Split Complementary

#694356

#436943

#436969

Tetradic

#694356

#696943

#436956

#434369

Color Blindness Simulation

Original

#694356

Protanopia

#595851

Deuteranopia

#5B5E50

Tritanopia

#674E4D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E3D3DB
300
#CFB4C2
400
#B68CA1
500
#9C6380
600
#7D4F66
700
#644052
800
#4E3240
900
#3A2730
950
#25191F

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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