#4728FF

#4728FF

Color Values

HEX

#4728FF

RGB

71, 40, 255

HSL

248.7, 100.0%, 57.8%

HSV

248.7, 84.3%, 100.0%

CMYK

72.2%, 84.3%, 0.0%, 0.0%

OKLCH

0.4977 0.2852 275.0

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#4728FF

#E0FF28

Analogous

#2874FF

#B328FF

#4728FF

Triadic

#4728FF

#FF4728

#28FF47

Split Complementary

#4728FF

#FFB328

#74FF28

Tetradic

#4728FF

#FF2874

#E0FF28

#28FFB3

Color Blindness Simulation

Original

#4728FF

Protanopia

#3A39CB

Deuteranopia

#3B3EBE

Tritanopia

#45A299

Achromatopsia

#3E3E3E

CSS Usage

background-color: #4728FF;
color: #4728FF;
border-color: #4728FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C2B8FF
300
#9685FF
400
#5E42FF
500
#2500FF
600
#1E00CC
700
#1800A3
800
#120080
900
#11055C
950
#0B033A

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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