#7428BF

#7428BF

Color Values

HEX

#7428BF

RGB

116, 40, 191

HSL

270.2, 65.4%, 45.3%

HSV

270.2, 79.1%, 74.9%

CMYK

39.3%, 79.1%, 0.0%, 25.1%

OKLCH

0.4753 0.216 301.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7428BF

#73BF28

Analogous

#2828BF

#BF28BF

#7428BF

Triadic

#7428BF

#BF7428

#28BF74

Split Complementary

#7428BF

#BFBF28

#28BF28

Tetradic

#7428BF

#BF2828

#73BF28

#28BFBF

Color Blindness Simulation

Original

#7428BF

Protanopia

#53529B

Deuteranopia

#585D92

Tritanopia

#707E77

Achromatopsia

#434343

CSS Usage

background-color: #7428BF;
color: #7428BF;
border-color: #7428BF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F3
300
#C29AEA
400
#A163DE
500
#802CD3
600
#6623A9
700
#521C87
800
#401669
900
#31144D
950
#1F0D31

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026