#693F5E

#693F5E

Color Values

HEX

#693F5E

RGB

105, 63, 94

HSL

315.7, 25.0%, 32.9%

HSV

315.7, 40.0%, 41.2%

CMYK

0.0%, 40.0%, 10.5%, 58.8%

OKLCH

0.4285 0.0736 337.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693F5E

#3F694A

Analogous

#5F3F69

#693F49

#693F5E

Triadic

#693F5E

#5E693F

#3F5E69

Split Complementary

#693F5E

#49693F

#3F695F

Tetradic

#693F5E

#695F3F

#3F694A

#3F4969

Color Blindness Simulation

Original

#693F5E

Protanopia

#575657

Deuteranopia

#595C55

Tritanopia

#67514F

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D2E0
300
#D1B2C9
400
#B889AC
500
#9F608F
600
#804D72
700
#663D5B
800
#503047
900
#3B2636
950
#251822

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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