#614D63

#614D63

Color Values

HEX

#614D63

RGB

97, 77, 99

HSL

294.5, 12.5%, 34.5%

HSV

294.5, 22.2%, 38.8%

CMYK

2.0%, 22.2%, 0.0%, 61.2%

OKLCH

0.4489 0.0433 323.3

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#614D63

#4F634D

Analogous

#564D63

#634D5A

#614D63

Triadic

#614D63

#63614D

#4D6361

Split Complementary

#614D63

#5A634D

#4D6356

Tetradic

#614D63

#63564D

#4F634D

#4D5A63

Color Blindness Simulation

Original

#614D63

Protanopia

#58585E

Deuteranopia

#5A5B5C

Tritanopia

#605959

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7E0
300
#C8BAC9
400
#AA95AC
500
#8D708F
600
#705973
700
#5A475C
800
#463848
900
#352B36
950
#211B22

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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