#728EB4

#728EB4

Color Values

HEX

#728EB4

RGB

114, 142, 180

HSL

214.5, 30.6%, 57.6%

HSV

214.5, 36.7%, 70.6%

CMYK

36.7%, 21.1%, 0.0%, 29.4%

OKLCH

0.6396 0.0657 256.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#728EB4

#B49872

Analogous

#72AFB4

#7772B4

#728EB4

Triadic

#728EB4

#B4728E

#8EB472

Split Complementary

#728EB4

#B47772

#AFB472

Tetradic

#728EB4

#B472AF

#B49872

#72B477

Color Blindness Simulation

Original

#728EB4

Protanopia

#7E7EAB

Deuteranopia

#7C7AA9

Tritanopia

#73A4A2

Achromatopsia

#8B8B8B

CSS Usage

background-color: #728EB4;
color: #728EB4;
border-color: #728EB4;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D0DAE6
300
#AFBFD5
400
#849CBE
500
#587AA7
600
#476185
700
#394E6B
800
#2C3D53
900
#232E3E
950
#161D27

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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