#709DD2

#709DD2

Color Values

HEX

#709DD2

RGB

112, 157, 210

HSL

212.4, 52.1%, 63.1%

HSV

212.4, 46.7%, 82.4%

CMYK

46.7%, 25.2%, 0.0%, 17.6%

OKLCH

0.6847 0.0928 253.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#709DD2

#D2A570

Analogous

#70CED2

#7470D2

#709DD2

Triadic

#709DD2

#D2709D

#9DD270

Split Complementary

#709DD2

#D27470

#CED270

Tetradic

#709DD2

#D270CE

#D2A570

#70D274

Color Blindness Simulation

Original

#709DD2

Protanopia

#8384C5

Deuteranopia

#817EC2

Tritanopia

#72BBB9

Achromatopsia

#979797

CSS Usage

background-color: #709DD2;
color: #709DD2;
border-color: #709DD2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DAEE
300
#A2BFE2
400
#6F9DD2
500
#3D7AC2
600
#31629B
700
#274E7C
800
#1F3D61
900
#1A2F47
950
#101D2D

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026