#718C9F

#718C9F

Color Values

HEX

#718C9F

RGB

113, 140, 159

HSL

204.8, 19.3%, 53.3%

HSV

204.8, 28.9%, 62.4%

CMYK

28.9%, 11.9%, 0.0%, 37.6%

OKLCH

0.626 0.0421 239.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#718C9F

#9F8471

Analogous

#719F9B

#71759F

#718C9F

Triadic

#718C9F

#9F718C

#8C9F71

Split Complementary

#718C9F

#9F7175

#9F9B71

Tetradic

#718C9F

#9B719F

#9F8471

#759F71

Color Blindness Simulation

Original

#718C9F

Protanopia

#7D7D9A

Deuteranopia

#7B7999

Tritanopia

#729796

Achromatopsia

#888888

CSS Usage

background-color: #718C9F;
color: #718C9F;
border-color: #718C9F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DCE2
300
#B6C4CE
400
#8EA4B3
500
#678498
600
#52697A
700
#425461
800
#33424C
900
#283239
950
#192024

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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