#718494

#718494

Color Values

HEX

#718494

RGB

113, 132, 148

HSL

207.4, 14.1%, 51.2%

HSV

207.4, 23.6%, 58.0%

CMYK

23.6%, 10.8%, 0.0%, 42.0%

OKLCH

0.6038 0.033 243.7

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#718494

#948171

Analogous

#719493

#717394

#718494

Triadic

#718494

#947184

#849471

Split Complementary

#718494

#947173

#949371

Tetradic

#718494

#937194

#948171

#739471

Color Blindness Simulation

Original

#718494

Protanopia

#797990

Deuteranopia

#78778F

Tritanopia

#728D8C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DCE0
300
#B9C3CA
400
#93A2AE
500
#6E8191
600
#586774
700
#46535D
800
#374149
900
#2A3137
950
#1B1F22

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.43:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026