#464176

#464176

Color Values

HEX

#464176

RGB

70, 65, 118

HSL

245.7, 29.0%, 35.9%

HSV

245.7, 44.9%, 46.3%

CMYK

40.7%, 44.9%, 0.0%, 53.7%

OKLCH

0.4062 0.0872 286.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#464176

#717641

Analogous

#415776

#614176

#464176

Triadic

#464176

#764641

#417646

Split Complementary

#464176

#766141

#577641

Tetradic

#464176

#764157

#717641

#417661

Color Blindness Simulation

Original

#464176

Protanopia

#444469

Deuteranopia

#444466

Tritanopia

#465F5D

Achromatopsia

#464646

CSS Usage

background-color: #464176;
color: #464176;
border-color: #464176;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D3D1E6
300
#B3B0D4
400
#8A85BC
500
#625BA4
600
#4E4884
700
#3E3A69
800
#312D52
900
#26243D
950
#181727

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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