#694660

#694660

Color Values

HEX

#694660

RGB

105, 70, 96

HSL

315.4, 20.0%, 34.3%

HSV

315.4, 33.3%, 41.2%

CMYK

0.0%, 33.3%, 8.6%, 58.8%

OKLCH

0.4426 0.0614 336.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#694660

#46694F

Analogous

#604669

#69464E

#694660

Triadic

#694660

#606946

#466069

Split Complementary

#694660

#4E6946

#466960

Tetradic

#694660

#696046

#46694F

#464E69

Color Blindness Simulation

Original

#694660

Protanopia

#5A5A5A

Deuteranopia

#5C5E58

Tritanopia

#675554

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4DF
300
#CEB6C8
400
#B48EAA
500
#99668C
600
#7A5270
700
#62415A
800
#4D3346
900
#392835
950
#241921

Contrast Checker

Text on white

7.94:1

AA Pass AAA Pass

Text on black

2.65:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026