#726FEB

#726FEB

Color Values

HEX

#726FEB

RGB

114, 111, 235

HSL

241.5, 75.6%, 67.8%

HSV

241.5, 52.8%, 92.2%

CMYK

51.5%, 52.8%, 0.0%, 7.8%

OKLCH

0.6075 0.1819 280.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#726FEB

#E8EB6F

Analogous

#6FAAEB

#B06FEB

#726FEB

Triadic

#726FEB

#EB726F

#6FEB72

Split Complementary

#726FEB

#EBB06F

#AAEB6F

Tetradic

#726FEB

#EB6FAA

#E8EB6F

#6FEBB0

Color Blindness Simulation

Original

#726FEB

Protanopia

#7171CD

Deuteranopia

#7171C6

Tritanopia

#72B5B0

Achromatopsia

#797979

CSS Usage

background-color: #726FEB;
color: #726FEB;
border-color: #726FEB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9694F0
400
#5D59E8
500
#241FE0
600
#1D19B3
700
#17148F
800
#121070
900
#110F51
950
#0B0A33

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026