#7268F3

#7268F3

Color Values

HEX

#7268F3

RGB

114, 104, 243

HSL

244.3, 85.3%, 68.0%

HSV

244.3, 57.2%, 95.3%

CMYK

53.1%, 57.2%, 0.0%, 4.7%

OKLCH

0.601 0.2014 281.7

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#7268F3

#E9F368

Analogous

#68A3F3

#B768F3

#7268F3

Triadic

#7268F3

#F37268

#68F372

Split Complementary

#7268F3

#F3B768

#A3F368

Tetradic

#7268F3

#F368A3

#E9F368

#68F3B7

Color Blindness Simulation

Original

#7268F3

Protanopia

#6E6ED1

Deuteranopia

#6E6FC9

Tritanopia

#72B7B1

Achromatopsia

#747474

CSS Usage

background-color: #7268F3;
color: #7268F3;
border-color: #7268F3;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C1BDFA
300
#958EF6
400
#5C50F1
500
#2213EC
600
#1B0FBD
700
#160C97
800
#110976
900
#110B56
950
#0A0736

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026