#727CF5

#727CF5

Color Values

HEX

#727CF5

RGB

114, 124, 245

HSL

235.4, 86.8%, 70.4%

HSV

235.4, 53.5%, 96.1%

CMYK

53.5%, 49.4%, 0.0%, 3.9%

OKLCH

0.6379 0.1783 276.5

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#727CF5

#F5EB72

Analogous

#72BEF5

#A972F5

#727CF5

Triadic

#727CF5

#F5727C

#7CF572

Split Complementary

#727CF5

#F5A972

#BEF572

Tetradic

#727CF5

#F572BE

#F5EB72

#72F5A9

Color Blindness Simulation

Original

#727CF5

Protanopia

#7676D8

Deuteranopia

#7675D1

Tritanopia

#72C1BC

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BCC1FA
300
#8D95F7
400
#4F5BF3
500
#1122EE
600
#0D1BBF
700
#0B1698
800
#081177
900
#0B1056
950
#070A37

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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