#708FAA

#708FAA

Color Values

HEX

#708FAA

RGB

112, 143, 170

HSL

207.9, 25.4%, 55.3%

HSV

207.9, 34.1%, 66.7%

CMYK

34.1%, 15.9%, 0.0%, 33.3%

OKLCH

0.6364 0.0537 245.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#708FAA

#AA8B70

Analogous

#70AAA8

#7072AA

#708FAA

Triadic

#708FAA

#AA708F

#8FAA70

Split Complementary

#708FAA

#AA7072

#AAA870

Tetradic

#708FAA

#A870AA

#AA8B70

#72AA70

Color Blindness Simulation

Original

#708FAA

Protanopia

#7D7EA3

Deuteranopia

#7C79A2

Tritanopia

#729E9D

Achromatopsia

#8A8A8A

CSS Usage

background-color: #708FAA;
color: #708FAA;
border-color: #708FAA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DCE4
300
#B2C3D1
400
#89A2B9
500
#5F82A0
600
#4C6880
700
#3D5366
800
#304150
900
#25313C
950
#181F26

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026