#693F56

#693F56

Color Values

HEX

#693F56

RGB

105, 63, 86

HSL

327.1, 25.0%, 32.9%

HSV

327.1, 40.0%, 41.2%

CMYK

0.0%, 40.0%, 18.1%, 58.8%

OKLCH

0.4252 0.0669 346.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#693F56

#3F6952

Analogous

#673F69

#693F41

#693F56

Triadic

#693F56

#56693F

#3F5669

Split Complementary

#693F56

#41693F

#3F6967

Tetradic

#693F56

#69673F

#3F6952

#3F4169

Color Blindness Simulation

Original

#693F56

Protanopia

#575650

Deuteranopia

#595C4F

Tritanopia

#674C4B

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DC
300
#D1B2C3
400
#B889A3
500
#9F6083
600
#804D68
700
#663D54
800
#503041
900
#3B2632
950
#25181F

Contrast Checker

Text on white

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