#718AD1

#718AD1

Color Values

HEX

#718AD1

RGB

113, 138, 209

HSL

224.4, 51.1%, 63.1%

HSV

224.4, 45.9%, 82.0%

CMYK

45.9%, 34.0%, 0.0%, 18.0%

OKLCH

0.6441 0.1107 268.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#718AD1

#D1B871

Analogous

#71BAD1

#8871D1

#718AD1

Triadic

#718AD1

#D1718A

#8AD171

Split Complementary

#718AD1

#D18871

#BAD171

Tetradic

#718AD1

#D171BA

#D1B871

#71D188

Color Blindness Simulation

Original

#718AD1

Protanopia

#7C7CC0

Deuteranopia

#7A78BC

Tritanopia

#72B2AF

Achromatopsia

#8A8A8A

CSS Usage

background-color: #718AD1;
color: #718AD1;
border-color: #718AD1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C9D3EE
300
#A3B3E1
400
#708AD1
500
#3E60C1
600
#324D9A
700
#283E7B
800
#1F3060
900
#1A2647
950
#11182D

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.26: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