#719AD7

#719AD7

Color Values

HEX

#719AD7

RGB

113, 154, 215

HSL

215.9, 56.0%, 64.3%

HSV

215.9, 47.4%, 84.3%

CMYK

47.4%, 28.4%, 0.0%, 15.7%

OKLCH

0.6811 0.1015 258.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#719AD7

#D7AE71

Analogous

#71CDD7

#7B71D7

#719AD7

Triadic

#719AD7

#D7719A

#9AD771

Split Complementary

#719AD7

#D77B71

#CDD771

Tetradic

#719AD7

#D771CD

#D7AE71

#71D77B

Color Blindness Simulation

Original

#719AD7

Protanopia

#8383C8

Deuteranopia

#807DC5

Tritanopia

#73BDBA

Achromatopsia

#969696

CSS Usage

background-color: #719AD7;
color: #719AD7;
border-color: #719AD7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#A0BBE4
400
#6C96D5
500
#3871C7
600
#2D5B9F
700
#24497F
800
#1C3963
900
#182C49
950
#0F1C2E

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026