#65447F

#65447F

Color Values

HEX

#65447F

RGB

101, 68, 127

HSL

273.6, 30.3%, 38.2%

HSV

273.6, 46.5%, 49.8%

CMYK

20.5%, 46.5%, 0.0%, 50.2%

OKLCH

0.4493 0.1 308.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#65447F

#5E7F44

Analogous

#47447F

#7F447B

#65447F

Triadic

#65447F

#7F6544

#447F65

Split Complementary

#65447F

#7B7F44

#447F47

Tetradic

#65447F

#7F4744

#5E7F44

#447B7F

Color Blindness Simulation

Original

#65447F

Protanopia

#575671

Deuteranopia

#595B6D

Tritanopia

#636563

Achromatopsia

#4F4F4F

CSS Usage

background-color: #65447F;
color: #65447F;
border-color: #65447F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DDD0E6
300
#C4AFD4
400
#A484BD
500
#8459A6
600
#6A4785
700
#55396A
800
#422C53
900
#32233E
950
#201627

Contrast Checker

Text on white

7.82:1

AA Pass AAA Pass

Text on black

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