#7268EC

#7268EC

Color Values

HEX

#7268EC

RGB

114, 104, 236

HSL

244.5, 77.6%, 66.7%

HSV

244.5, 55.9%, 92.5%

CMYK

51.7%, 55.9%, 0.0%, 7.5%

OKLCH

0.596 0.1923 282.3

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7268EC

#E2EC68

Analogous

#68A0EC

#B468EC

#7268EC

Triadic

#7268EC

#EC7268

#68EC72

Split Complementary

#7268EC

#ECB468

#A0EC68

Tetradic

#7268EC

#EC68A0

#E2EC68

#68ECB4

Color Blindness Simulation

Original

#7268EC

Protanopia

#6E6ECC

Deuteranopia

#6E6FC4

Tritanopia

#72B3AD

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C4C0F7
300
#9992F1
400
#6257EA
500
#2B1DE2
600
#2317B5
700
#1C1291
800
#160E71
900
#140F52
950
#0C0934

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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