#724684

#724684

Color Values

HEX

#724684

RGB

114, 70, 132

HSL

282.6, 30.7%, 39.6%

HSV

282.6, 47.0%, 51.8%

CMYK

13.6%, 47.0%, 0.0%, 48.2%

OKLCH

0.4707 0.1084 315.5

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#724684

#588446

Analogous

#534684

#844677

#724684

Triadic

#724684

#847246

#468472

Split Complementary

#724684

#778446

#468453

Tetradic

#724684

#845346

#588446

#467784

Color Blindness Simulation

Original

#724684

Protanopia

#5F5F75

Deuteranopia

#626571

Tritanopia

#706967

Achromatopsia

#545454

CSS Usage

background-color: #724684;
color: #724684;
border-color: #724684;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E6
300
#CAAFD5
400
#AD84BE
500
#9058A7
600
#734785
700
#5C396B
800
#482C53
900
#36233E
950
#221627

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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