#709EC7

#709EC7

Color Values

HEX

#709EC7

RGB

112, 158, 199

HSL

208.3, 43.7%, 61.0%

HSV

208.3, 43.7%, 78.0%

CMYK

43.7%, 20.6%, 0.0%, 22.0%

OKLCH

0.682 0.0786 246.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#709EC7

#C79970

Analogous

#70C7C5

#7073C7

#709EC7

Triadic

#709EC7

#C7709E

#9EC770

Split Complementary

#709EC7

#C77073

#C7C570

Tetradic

#709EC7

#C570C7

#C79970

#73C770

Color Blindness Simulation

Original

#709EC7

Protanopia

#8484BD

Deuteranopia

#817EBB

Tritanopia

#72B5B4

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDCEB
300
#A7C3DD
400
#77A3CA
500
#4883B7
600
#396993
700
#2E5475
800
#24415C
900
#1D3244
950
#131F2B

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

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