#727ABA

#727ABA

Color Values

HEX

#727ABA

RGB

114, 122, 186

HSL

233.3, 34.3%, 58.8%

HSV

233.3, 38.7%, 72.9%

CMYK

38.7%, 34.4%, 0.0%, 27.1%

OKLCH

0.5996 0.0978 277.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#727ABA

#BAB272

Analogous

#729EBA

#8E72BA

#727ABA

Triadic

#727ABA

#BA727A

#7ABA72

Split Complementary

#727ABA

#BA8E72

#9EBA72

Tetradic

#727ABA

#BA729E

#BAB272

#72BA8E

Color Blindness Simulation

Original

#727ABA

Protanopia

#7576AB

Deuteranopia

#7574A7

Tritanopia

#729E9C

Achromatopsia

#7D7D7D

CSS Usage

background-color: #727ABA;
color: #727ABA;
border-color: #727ABA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E8
300
#ADB1D7
400
#8088C1
500
#545EAB
600
#434B89
700
#363C6E
800
#2A2F56
900
#21253F
950
#151728

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026