#693E60

#693E60

Color Values

HEX

#693E60

RGB

105, 62, 96

HSL

312.6, 25.7%, 32.7%

HSV

312.6, 41.0%, 41.2%

CMYK

0.0%, 41.0%, 8.6%, 58.8%

OKLCH

0.4276 0.0775 334.9

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693E60

#3E6947

Analogous

#5C3E69

#693E4A

#693E60

Triadic

#693E60

#60693E

#3E6069

Split Complementary

#693E60

#4A693E

#3E695C

Tetradic

#693E60

#695C3E

#3E6947

#3E4A69

Color Blindness Simulation

Original

#693E60

Protanopia

#565658

Deuteranopia

#595C56

Tritanopia

#675150

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D2E1
300
#D2B2CB
400
#B988AF
500
#A05F93
600
#804C75
700
#673D5E
800
#502F49
900
#3C2537
950
#261823

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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