#615366

#615366

Color Values

HEX

#615366

RGB

97, 83, 102

HSL

284.2, 10.3%, 36.3%

HSV

284.2, 18.6%, 40.0%

CMYK

4.9%, 18.6%, 0.0%, 60.0%

OKLCH

0.463 0.0349 317.1

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#615366

#586653

Analogous

#585366

#665362

#615366

Triadic

#615366

#666153

#536661

Split Complementary

#615366

#626653

#536658

Tetradic

#615366

#665853

#586653

#536266

Color Blindness Simulation

Original

#615366

Protanopia

#5B5B61

Deuteranopia

#5C5D60

Tritanopia

#605E5D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C5BBC8
400
#A597AA
500
#86728D
600
#6B5B71
700
#56495A
800
#433946
900
#332C35
950
#201C21

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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