#718F94

#718F94

Color Values

HEX

#718F94

RGB

113, 143, 148

HSL

188.6, 14.1%, 51.2%

HSV

188.6, 23.6%, 58.0%

CMYK

23.6%, 3.4%, 0.0%, 42.0%

OKLCH

0.6288 0.0346 208.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#718F94

#947671

Analogous

#719488

#717E94

#718F94

Triadic

#718F94

#94718F

#8F9471

Split Complementary

#718F94

#94717E

#948871

Tetradic

#718F94

#887194

#947671

#7E9471

Color Blindness Simulation

Original

#718F94

Protanopia

#7E7E93

Deuteranopia

#7C7A92

Tritanopia

#729292

Achromatopsia

#898989

CSS Usage

background-color: #718F94;
color: #718F94;
border-color: #718F94;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C8CA
400
#93AAAE
500
#6E8C91
600
#587074
700
#465A5D
800
#374649
900
#2A3537
950
#1B2122

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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