#718BD0

#718BD0

Color Values

HEX

#718BD0

RGB

113, 139, 208

HSL

223.6, 50.3%, 62.9%

HSV

223.6, 45.7%, 81.6%

CMYK

45.7%, 33.2%, 0.0%, 18.4%

OKLCH

0.6457 0.1081 267.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#718BD0

#D0B671

Analogous

#71BAD0

#8671D0

#718BD0

Triadic

#718BD0

#D0718B

#8BD071

Split Complementary

#718BD0

#D08671

#BAD071

Tetradic

#718BD0

#D071BA

#D0B671

#71D086

Color Blindness Simulation

Original

#718BD0

Protanopia

#7C7CBF

Deuteranopia

#7B79BB

Tritanopia

#72B2AF

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#C9D3ED
300
#A3B4E1
400
#718BD0
500
#3F62C0
600
#334F99
700
#293F7B
800
#203160
900
#1B2746
950
#11182C

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.31:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026