#7263EE

#7263EE

Color Values

HEX

#7263EE

RGB

114, 99, 238

HSL

246.5, 80.3%, 66.1%

HSV

246.5, 58.4%, 93.3%

CMYK

52.1%, 58.4%, 0.0%, 6.7%

OKLCH

0.589 0.2014 283.2

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#7263EE

#DFEE63

Analogous

#639AEE

#B863EE

#7263EE

Triadic

#7263EE

#EE7263

#63EE72

Split Complementary

#7263EE

#EEB863

#9AEE63

Tetradic

#7263EE

#EE639A

#DFEE63

#63EEB8

Color Blindness Simulation

Original

#7263EE

Protanopia

#6C6BCC

Deuteranopia

#6C6EC4

Tritanopia

#71B2AC

Achromatopsia

#707070

CSS Usage

background-color: #7263EE;
color: #7263EE;
border-color: #7263EE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E4E1F9
200
#C5BFF8
300
#9B91F3
400
#6555EC
500
#2F19E6
600
#2614B8
700
#1E1093
800
#180D73
900
#150D53
950
#0D0835

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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