#7262EB

#7262EB

Color Values

HEX

#7262EB

RGB

114, 98, 235

HSL

247.0, 77.4%, 65.3%

HSV

247.0, 58.3%, 92.2%

CMYK

51.5%, 58.3%, 0.0%, 7.8%

OKLCH

0.5851 0.1988 283.7

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#7262EB

#DBEB62

Analogous

#6297EB

#B662EB

#7262EB

Triadic

#7262EB

#EB7262

#62EB72

Split Complementary

#7262EB

#EBB662

#97EB62

Tetradic

#7262EB

#EB6297

#DBEB62

#62EBB6

Color Blindness Simulation

Original

#7262EB

Protanopia

#6B6BCA

Deuteranopia

#6C6DC2

Tritanopia

#71B0AA

Achromatopsia

#6F6F6F

CSS Usage

background-color: #7262EB;
color: #7262EB;
border-color: #7262EB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C6C0F7
300
#9D92F1
400
#6958EA
500
#341DE2
600
#2917B5
700
#211291
800
#1A0E71
900
#170F52
950
#0E0934

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026