#70969D

#70969D

Color Values

HEX

#70969D

RGB

112, 150, 157

HSL

189.3, 18.7%, 52.7%

HSV

189.3, 28.7%, 61.6%

CMYK

28.7%, 4.5%, 0.0%, 38.4%

OKLCH

0.6475 0.0431 210.1

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#70969D

#9D7770

Analogous

#709D8D

#707F9D

#70969D

Triadic

#70969D

#9D7096

#969D70

Split Complementary

#70969D

#9D707F

#9D8D70

Tetradic

#70969D

#8D709D

#9D7770

#7F9D70

Color Blindness Simulation

Original

#70969D

Protanopia

#80819B

Deuteranopia

#7E7B9B

Tritanopia

#729A9A

Achromatopsia

#8E8E8E

CSS Usage

background-color: #70969D;
color: #70969D;
border-color: #70969D;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B6CACD
400
#8FADB2
500
#689097
600
#537379
700
#425C61
800
#34484C
900
#283639
950
#192224

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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