#729CC2

#729CC2

Color Values

HEX

#729CC2

RGB

114, 156, 194

HSL

208.5, 39.6%, 60.4%

HSV

208.5, 41.2%, 76.1%

CMYK

41.2%, 19.6%, 0.0%, 23.9%

OKLCH

0.6766 0.0728 246.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#729CC2

#C29872

Analogous

#72C2C0

#7274C2

#729CC2

Triadic

#729CC2

#C2729C

#9CC272

Split Complementary

#729CC2

#C27274

#C2C072

Tetradic

#729CC2

#C072C2

#C29872

#74C272

Color Blindness Simulation

Original

#729CC2

Protanopia

#8485B9

Deuteranopia

#827FB7

Tritanopia

#74B2B0

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDCE9
300
#AAC3DA
400
#7BA3C6
500
#4D82B2
600
#3E688E
700
#315372
800
#274159
900
#1F3142
950
#141F2A

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.25:1

AA Pass AAA Pass

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