#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026