#450648

#450648

Color Values

HEX

#450648

RGB

69, 6, 72

HSL

297.3, 84.6%, 15.3%

HSV

297.3, 91.7%, 28.2%

CMYK

4.2%, 91.7%, 0.0%, 71.8%

OKLCH

0.2814 0.1214 326.1

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#450648

#094806

Analogous

#240648

#48062A

#450648

Triadic

#450648

#484506

#064845

Split Complementary

#450648

#2A4806

#064824

Tetradic

#450648

#482406

#094806

#062A48

Color Blindness Simulation

Original

#450648

Protanopia

#2A2938

Deuteranopia

#2D3234

Tritanopia

#422B29

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BDFA
300
#F18EF6
400
#E951F0
500
#E214EB
600
#B510BC
700
#900D97
800
#710A76
900
#520C55
950
#340736

Contrast Checker

Text on white

15.3:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026