#729AAA

#729AAA

Color Values

HEX

#729AAA

RGB

114, 154, 170

HSL

197.1, 24.8%, 55.7%

HSV

197.1, 32.9%, 66.7%

CMYK

32.9%, 9.4%, 0.0%, 33.3%

OKLCH

0.6626 0.0497 224.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#729AAA

#AA8272

Analogous

#72AA9E

#727EAA

#729AAA

Triadic

#729AAA

#AA729A

#9AAA72

Split Complementary

#729AAA

#AA727E

#AA9E72

Tetradic

#729AAA

#9E72AA

#AA8272

#7EAA72

Color Blindness Simulation

Original

#729AAA

Protanopia

#8384A6

Deuteranopia

#817EA5

Tritanopia

#74A3A2

Achromatopsia

#939393

CSS Usage

background-color: #729AAA;
color: #729AAA;
border-color: #729AAA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE4
300
#B3C8D1
400
#89ABB8
500
#608D9F
600
#4D717F
700
#3D5A66
800
#304750
900
#26353B
950
#182225

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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