#693B54

#693B54

Color Values

HEX

#693B54

RGB

105, 59, 84

HSL

327.4, 28.0%, 32.2%

HSV

327.4, 43.8%, 41.2%

CMYK

0.0%, 43.8%, 20.0%, 58.8%

OKLCH

0.4171 0.0733 347.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#693B54

#3B6950

Analogous

#673B69

#693B3D

#693B54

Triadic

#693B54

#54693B

#3B5469

Split Complementary

#693B54

#3D693B

#3B6967

Tetradic

#693B54

#69673B

#3B6950

#3B3D69

Color Blindness Simulation

Original

#693B54

Protanopia

#55554E

Deuteranopia

#585B4C

Tritanopia

#674948

Achromatopsia

#474747

CSS Usage

background-color: #693B54;
color: #693B54;
border-color: #693B54;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D1DC
300
#D3B1C3
400
#BB86A3
500
#A35C83
600
#834968
700
#683B54
800
#522E41
900
#3D2432
950
#26171F

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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