#709F8F

#709F8F

Color Values

HEX

#709F8F

RGB

112, 159, 143

HSL

159.6, 19.7%, 53.1%

HSV

159.6, 29.6%, 62.4%

CMYK

29.6%, 0.0%, 10.1%, 37.6%

OKLCH

0.664 0.0561 171.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#709F8F

#9F7080

Analogous

#709F77

#70979F

#709F8F

Triadic

#709F8F

#8F709F

#9F8F70

Split Complementary

#709F8F

#9F7097

#9F7770

Tetradic

#709F8F

#77709F

#9F7080

#979F70

Color Blindness Simulation

Original

#709F8F

Protanopia

#848593

Deuteranopia

#827E94

Tritanopia

#729697

Achromatopsia

#949494

CSS Usage

background-color: #709F8F;
color: #709F8F;
border-color: #709F8F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DE
300
#B6CEC6
400
#8EB3A7
500
#669988
600
#527A6C
700
#426257
800
#334C44
900
#283933
950
#192420

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.04:1

AA Pass AAA Pass

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