#729CBC

#729CBC

Color Values

HEX

#729CBC

RGB

114, 156, 188

HSL

205.9, 35.6%, 59.2%

HSV

205.9, 39.4%, 73.7%

CMYK

39.4%, 17.0%, 0.0%, 26.3%

OKLCH

0.6741 0.0661 241.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#729CBC

#BC9272

Analogous

#72BCB7

#7277BC

#729CBC

Triadic

#729CBC

#BC729C

#9CBC72

Split Complementary

#729CBC

#BC7277

#BCB772

Tetradic

#729CBC

#B772BC

#BC9272

#77BC72

Color Blindness Simulation

Original

#729CBC

Protanopia

#8485B4

Deuteranopia

#827FB2

Tritanopia

#74AEAD

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CFDDE8
300
#ACC5D8
400
#7FA5C2
500
#5286AD
600
#426B8A
700
#35566F
800
#294356
900
#213340
950
#152028

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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