#614563

#614563

Color Values

HEX

#614563

RGB

97, 69, 99

HSL

296.0, 17.9%, 32.9%

HSV

296.0, 30.3%, 38.8%

CMYK

2.0%, 30.3%, 0.0%, 61.2%

OKLCH

0.4324 0.0598 324.3

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#614563

#476345

Analogous

#524563

#634556

#614563

Triadic

#614563

#636145

#456361

Split Complementary

#614563

#566345

#456352

Tetradic

#614563

#635245

#476345

#455663

Color Blindness Simulation

Original

#614563

Protanopia

#55555C

Deuteranopia

#56595A

Tritanopia

#605655

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D5E2
300
#CBB7CD
400
#AF90B2
500
#936996
600
#765478
700
#5E4360
800
#4A344B
900
#372938
950
#231A24

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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