#718786

#718786

Color Values

HEX

#718786

RGB

113, 135, 134

HSL

177.3, 8.9%, 48.6%

HSV

177.3, 16.3%, 52.9%

CMYK

16.3%, 0.0%, 0.7%, 47.1%

OKLCH

0.6057 0.0254 193.1

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#718786

#877172

Analogous

#71877B

#717D87

#718786

Triadic

#718786

#867187

#878671

Split Complementary

#718786

#87717D

#877B71

Tetradic

#718786

#7B7187

#877172

#7D8771

Color Blindness Simulation

Original

#718786

Protanopia

#7B7B86

Deuteranopia

#797886

Tritanopia

#728686

Achromatopsia

#828282

CSS Usage

background-color: #718786;
color: #718786;
border-color: #718786;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DEDE
300
#BCC7C7
400
#98A9A8
500
#748B8A
600
#5D6F6E
700
#4A5958
800
#3A4545
900
#2D3434
950
#1C2121

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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