#7472DB

#7472DB

Color Values

HEX

#7472DB

RGB

116, 114, 219

HSL

241.1, 59.3%, 65.3%

HSV

241.1, 47.9%, 85.9%

CMYK

47.0%, 47.9%, 0.0%, 14.1%

OKLCH

0.6041 0.1558 281.5

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#7472DB

#D9DB72

Analogous

#72A5DB

#A872DB

#7472DB

Triadic

#7472DB

#DB7472

#72DB74

Split Complementary

#7472DB

#DBA872

#A5DB72

Tetradic

#7472DB

#DB72A5

#D9DB72

#72DBA8

Color Blindness Simulation

Original

#7472DB

Protanopia

#7373C2

Deuteranopia

#7373BB

Tritanopia

#74AEA9

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7472DB;
color: #7472DB;
border-color: #7472DB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FB
100
#E4E4F6
200
#C7C6F0
300
#9F9EE6
400
#6B69D9
500
#3734CB
600
#2C2AA2
700
#232182
800
#1B1A66
900
#18174A
950
#0F0E2F

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass 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