#7263D6

#7263D6

Color Values

HEX

#7263D6

RGB

114, 99, 214

HSL

247.8, 58.4%, 61.4%

HSV

247.8, 53.7%, 83.9%

CMYK

46.7%, 53.7%, 0.0%, 16.1%

OKLCH

0.5721 0.1701 285.6

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#7263D6

#C7D663

Analogous

#638ED6

#AC63D6

#7263D6

Triadic

#7263D6

#D67263

#63D672

Split Complementary

#7263D6

#D6AC63

#8ED663

Tetradic

#7263D6

#D6638E

#C7D663

#63D6AC

Color Blindness Simulation

Original

#7263D6

Protanopia

#6C6BBA

Deuteranopia

#6C6EB3

Tritanopia

#71A49F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CCC6F0
300
#A79EE6
400
#786AD8
500
#4835CA
600
#3A2AA2
700
#2E2281
800
#241B65
900
#1E174A
950
#130F2F

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026