#614256

#614256

Color Values

HEX

#614256

RGB

97, 66, 86

HSL

321.3, 19.0%, 32.0%

HSV

321.3, 32.0%, 38.0%

CMYK

0.0%, 32.0%, 11.3%, 62.0%

OKLCH

0.4209 0.0523 340.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#614256

#42614D

Analogous

#5D4261

#614247

#614256

Triadic

#614256

#566142

#425661

Split Complementary

#614256

#476142

#42615D

Tetradic

#614256

#615D42

#42614D

#424761

Color Blindness Simulation

Original

#614256

Protanopia

#545351

Deuteranopia

#555850

Tritanopia

#5F4D4C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB6C5
400
#B38FA6
500
#986787
600
#79536C
700
#614256
800
#4C3443
900
#392833
950
#241920

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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