#709B93

#709B93

Color Values

HEX

#709B93

RGB

112, 155, 147

HSL

168.8, 17.7%, 52.4%

HSV

168.8, 27.7%, 60.8%

CMYK

27.7%, 0.0%, 5.2%, 39.2%

OKLCH

0.6558 0.0483 182.0

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#709B93

#9B7078

Analogous

#709B7E

#708E9B

#709B93

Triadic

#709B93

#93709B

#9B9370

Split Complementary

#709B93

#9B708E

#9B7E70

Tetradic

#709B93

#7E709B

#9B7078

#8E9B70

Color Blindness Simulation

Original

#709B93

Protanopia

#838395

Deuteranopia

#807D95

Tritanopia

#729697

Achromatopsia

#919191

CSS Usage

background-color: #709B93;
color: #709B93;
border-color: #709B93;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC9
400
#90B1AB
500
#69968E
600
#547871
700
#43605B
800
#344B47
900
#293835
950
#1A2322

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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