#727CF7

#727CF7

Color Values

HEX

#727CF7

RGB

114, 124, 247

HSL

235,5, 89,3%, 70,8%

HSV

235,5, 53,8%, 96,9%

CMYK

53,8%, 49,8%, 0,0%, 3,1%

OKLCH

0,6392 0,181 276,5

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#727CF7

#F7ED72

Analogous

#72BFF7

#AB72F7

#727CF7

Triadic

#727CF7

#F7727C

#7CF772

Split Complementary

#727CF7

#F7AB72

#BFF772

Tetradic

#727CF7

#F772BF

#F7ED72

#72F7AB

Color Blindness Simulation

Original

#727CF7

Protanopia

#7676D9

Deuteranopia

#7675D2

Tritanopia

#72C2BD

Achromatopsia

#838383

CSS Usage

background-color: #727CF7;
color: #727CF7;
border-color: #727CF7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E2FB
200
#BBC0FB
300
#8B93F8
400
#4C59F5
500
#0E1FF1
600
#0B19C1
700
#09149A
800
#070F79
900
#0A0F57
950
#060A37

Contrast Checker

Text on white

3,53:1

AA Fail AAA Fail

Text on black

5,94: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