#727ACE

#727ACE

Color Values

HEX

#727ACE

RGB

114, 122, 206

HSL

234.8, 48.4%, 62.7%

HSV

234.8, 44.7%, 80.8%

CMYK

44.7%, 40.8%, 0.0%, 19.2%

OKLCH

0.6104 0.1268 277.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#727ACE

#CEC672

Analogous

#72A8CE

#9872CE

#727ACE

Triadic

#727ACE

#CE727A

#7ACE72

Split Complementary

#727ACE

#CE9872

#A8CE72

Tetradic

#727ACE

#CE72A8

#CEC672

#72CE98

Color Blindness Simulation

Original

#727ACE

Protanopia

#7576BA

Deuteranopia

#7574B5

Tritanopia

#72AAA6

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CACDED
300
#A4A9DF
400
#737BCE
500
#424CBD
600
#353D97
700
#2A3179
800
#21265F
900
#1B1F46
950
#11142C

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026