#718A94

#718A94

Color Values

HEX

#718A94

RGB

113, 138, 148

HSL

197.1, 14.1%, 51.2%

HSV

197.1, 23.6%, 58.0%

CMYK

23.6%, 6.8%, 0.0%, 42.0%

OKLCH

0.6174 0.0323 224.1

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#718A94

#947B71

Analogous

#71948D

#717994

#718A94

Triadic

#718A94

#94718A

#8A9471

Split Complementary

#718A94

#947179

#948D71

Tetradic

#718A94

#8D7194

#947B71

#799471

Color Blindness Simulation

Original

#718A94

Protanopia

#7C7C92

Deuteranopia

#7A7891

Tritanopia

#72908F

Achromatopsia

#858585

CSS Usage

background-color: #718A94;
color: #718A94;
border-color: #718A94;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DDE0
300
#B9C6CA
400
#93A6AE
500
#6E8791
600
#586C74
700
#46575D
800
#374449
900
#2A3337
950
#1B2022

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026