#61346F

#61346F

Color Values

HEX

#61346F

RGB

97, 52, 111

HSL

285.8, 36.2%, 32.0%

HSV

285.8, 53.2%, 43.5%

CMYK

12.6%, 53.2%, 0.0%, 56.5%

OKLCH

0.4074 0.1075 317.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#61346F

#426F34

Analogous

#44346F

#6F3460

#61346F

Triadic

#61346F

#6F6134

#346F61

Split Complementary

#61346F

#606F34

#346F44

Tetradic

#61346F

#6F4434

#426F34

#34606F

Color Blindness Simulation

Original

#61346F

Protanopia

#4E4D61

Deuteranopia

#50535D

Tritanopia

#5F5553

Achromatopsia

#424242

CSS Usage

background-color: #61346F;
color: #61346F;
border-color: #61346F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F0E8F3
200
#E2CEE8
300
#CDACD8
400
#B37EC3
500
#9851AE
600
#79418B
700
#61346F
800
#4C2957
900
#392140
950
#241529

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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