#7248AD

#7248AD

Color Values

HEX

#7248AD

RGB

114, 72, 173

HSL

265.0, 41.2%, 48.0%

HSV

265.0, 58.4%, 67.8%

CMYK

34.1%, 58.4%, 0.0%, 32.2%

OKLCH

0.4991 0.156 300.0

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#7248AD

#83AD48

Analogous

#4850AD

#A448AD

#7248AD

Triadic

#7248AD

#AD7248

#48AD72

Split Complementary

#7248AD

#ADA448

#50AD48

Tetradic

#7248AD

#AD4850

#83AD48

#48ADA4

Color Blindness Simulation

Original

#7248AD

Protanopia

#605F95

Deuteranopia

#62658F

Tritanopia

#70817D

Achromatopsia

#585858

CSS Usage

background-color: #7248AD;
color: #7248AD;
border-color: #7248AD;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDEA
300
#BEA9DB
400
#9A7AC8
500
#774BB4
600
#5F3C90
700
#4C3073
800
#3B255A
900
#2D1E42
950
#1D132A

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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