#7271EF

#7271EF

Color Values

HEX

#7271EF

RGB

114, 113, 239

HSL

240.5, 79.7%, 69.0%

HSV

240.5, 52.7%, 93.7%

CMYK

52.3%, 52.7%, 0.0%, 6.3%

OKLCH

0.6138 0.1845 279.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7271EF

#EEEF71

Analogous

#71AFEF

#B171EF

#7271EF

Triadic

#7271EF

#EF7271

#71EF72

Split Complementary

#7271EF

#EFB171

#AFEF71

Tetradic

#7271EF

#EF71AF

#EEEF71

#71EFB1

Color Blindness Simulation

Original

#7271EF

Protanopia

#7272D1

Deuteranopia

#7272C9

Tritanopia

#72B8B3

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7271EF;
color: #7271EF;
border-color: #7271EF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFBFF8
300
#9291F3
400
#5755EC
500
#1C1AE5
600
#1615B7
700
#121193
800
#0E0D73
900
#0E0E53
950
#090935

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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