#693D60

#693D60

Color Values

HEX

#693D60

RGB

105, 61, 96

HSL

312.3, 26.5%, 32.5%

HSV

312.3, 41.9%, 41.2%

CMYK

0.0%, 41.9%, 8.6%, 58.8%

OKLCH

0.4258 0.0795 334.8

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693D60

#3D6946

Analogous

#5C3D69

#693D4A

#693D60

Triadic

#693D60

#60693D

#3D6069

Split Complementary

#693D60

#4A693D

#3D695C

Tetradic

#693D60

#695C3D

#3D6946

#3D4A69

Color Blindness Simulation

Original

#693D60

Protanopia

#565658

Deuteranopia

#585C55

Tritanopia

#67514F

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D2B2CB
400
#BA88AF
500
#A15E93
600
#814B76
700
#673C5E
800
#512F4A
900
#3C2537
950
#261723

Contrast Checker

Text on white

8.62:1

AA Pass AAA Pass

Text on black

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