#462867

#462867

Color Values

HEX

#462867

RGB

70, 40, 103

HSL

268.6, 44.1%, 28.0%

HSV

268.6, 61.2%, 40.4%

CMYK

32.0%, 61.2%, 0.0%, 59.6%

OKLCH

0.348 0.1078 303.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#462867

#496728

Analogous

#282967

#652867

#462867

Triadic

#462867

#674628

#286746

Split Complementary

#462867

#676528

#296728

Tetradic

#462867

#672829

#496728

#286765

Color Blindness Simulation

Original

#462867

Protanopia

#393958

Deuteranopia

#3B3D54

Tritanopia

#444C49

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCCEB
300
#C1A7DD
400
#9F77CA
500
#7D47B8
600
#643993
700
#502E76
800
#3E245C
900
#301D44
950
#1E122B

Contrast Checker

Text on white

11.93:1

AA Pass AAA Pass

Text on black

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