#614457

#614457

Color Values

HEX

#614457

RGB

97, 68, 87

HSL

320.7, 17.6%, 32.4%

HSV

320.7, 29.9%, 38.0%

CMYK

0.0%, 29.9%, 10.3%, 62.0%

OKLCH

0.4254 0.0491 340.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#614457

#44614E

Analogous

#5D4461

#614449

#614457

Triadic

#614457

#576144

#445761

Split Complementary

#614457

#496144

#44615D

Tetradic

#614457

#615D44

#44614E

#444961

Color Blindness Simulation

Original

#614457

Protanopia

#545452

Deuteranopia

#565851

Tritanopia

#604F4E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB7C5
400
#B190A6
500
#966986
600
#78546C
700
#604356
800
#4B3543
900
#382933
950
#231A20

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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