#693F58

#693F58

Color Values

HEX

#693F58

RGB

105, 63, 88

HSL

324.3, 25.0%, 32.9%

HSV

324.3, 40.0%, 41.2%

CMYK

0.0%, 40.0%, 16.2%, 58.8%

OKLCH

0.426 0.0685 343.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#693F58

#3F6950

Analogous

#653F69

#693F43

#693F58

Triadic

#693F58

#58693F

#3F5869

Split Complementary

#693F58

#43693F

#3F6965

Tetradic

#693F58

#69653F

#3F6950

#3F4369

Color Blindness Simulation

Original

#693F58

Protanopia

#575652

Deuteranopia

#595C50

Tritanopia

#674D4C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DD
300
#D1B2C5
400
#B889A5
500
#9F6086
600
#804D6B
700
#663D55
800
#503043
900
#3B2633
950
#251820

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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