#70969B

#70969B

Color Values

HEX

#70969B

RGB

112, 150, 155

HSL

187.0, 17.7%, 52.4%

HSV

187.0, 27.7%, 60.8%

CMYK

27.7%, 3.2%, 0.0%, 39.2%

OKLCH

0.6468 0.0424 206.2

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#70969B

#9B7570

Analogous

#709B8B

#70819B

#70969B

Triadic

#70969B

#9B7096

#969B70

Split Complementary

#70969B

#9B7081

#9B8B70

Tetradic

#70969B

#8B709B

#9B7570

#819B70

Color Blindness Simulation

Original

#70969B

Protanopia

#80819A

Deuteranopia

#7E7B9A

Tritanopia

#729999

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90ADB1
500
#699196
600
#547478
700
#435D60
800
#34484B
900
#293638
950
#1A2223

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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