#709186

#709186

Color Values

HEX

#709186

RGB

112, 145, 134

HSL

160.0, 13.0%, 50.4%

HSV

160.0, 22.8%, 56.9%

CMYK

22.8%, 0.0%, 7.6%, 43.1%

OKLCH

0.6283 0.0405 172.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#709186

#91707B

Analogous

#709176

#708B91

#709186

Triadic

#709186

#867091

#918670

Split Complementary

#709186

#91708B

#917670

Tetradic

#709186

#767091

#91707B

#8B9170

Color Blindness Simulation

Original

#709186

Protanopia

#7E7F89

Deuteranopia

#7C7A89

Tritanopia

#728B8B

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DD
300
#BACAC4
400
#94ADA5
500
#6F9085
600
#59736A
700
#475C55
800
#374843
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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