#709AC2

#709AC2

Color Values

HEX

#709AC2

RGB

112, 154, 194

HSL

209,3, 40,2%, 60,0%

HSV

209,3, 42,3%, 76,1%

CMYK

42,3%, 20,6%, 0,0%, 23,9%

OKLCH

0,671 0,0753 247,8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#709AC2

#C29870

Analogous

#70C2C1

#7071C2

#709AC2

Triadic

#709AC2

#C2709A

#9AC270

Split Complementary

#709AC2

#C27071

#C2C170

Tetradic

#709AC2

#C170C2

#C29870

#71C270

Color Blindness Simulation

Original

#709AC2

Protanopia

#8283B8

Deuteranopia

#807DB6

Tritanopia

#72B1AF

Achromatopsia

#949494

CSS Usage

background-color: #709AC2;
color: #709AC2;
border-color: #709AC2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDCEA
300
#A9C2DA
400
#7BA2C7
500
#4C81B3
600
#3D678F
700
#315272
800
#264059
900
#1F3142
950
#141F2A

Contrast Checker

Text on white

2,96:1

AA Fail AAA Fail

Text on black

7,09:1

AA Pass AAA Pass

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