#708BCF

#708BCF

Color Values

HEX

#708BCF

RGB

112, 139, 207

HSL

222.9, 49.7%, 62.5%

HSV

222.9, 45.9%, 81.2%

CMYK

45.9%, 32.9%, 0.0%, 18.8%

OKLCH

0.6445 0.107 266.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#708BCF

#CFB470

Analogous

#70BACF

#8470CF

#708BCF

Triadic

#708BCF

#CF708B

#8BCF70

Split Complementary

#708BCF

#CF8470

#BACF70

Tetradic

#708BCF

#CF70BA

#CFB470

#70CF84

Color Blindness Simulation

Original

#708BCF

Protanopia

#7C7CBF

Deuteranopia

#7A78BB

Tritanopia

#71B2AF

Achromatopsia

#8A8A8A

CSS Usage

background-color: #708BCF;
color: #708BCF;
border-color: #708BCF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD4ED
300
#A3B5E0
400
#728CD0
500
#4064BF
600
#335099
700
#29407A
800
#20325F
900
#1B2746
950
#11192C

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

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