#717BF2

#717BF2

Color Values

HEX

#717BF2

RGB

113, 123, 242

HSL

235.3, 83.2%, 69.6%

HSV

235.3, 53.3%, 94.9%

CMYK

53.3%, 49.2%, 0.0%, 5.1%

OKLCH

0.6334 0.1758 276.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#717BF2

#F2E871

Analogous

#71BCF2

#A771F2

#717BF2

Triadic

#717BF2

#F2717B

#7BF271

Split Complementary

#717BF2

#F2A771

#BCF271

Tetradic

#717BF2

#F271BC

#F2E871

#71F2A7

Color Blindness Simulation

Original

#717BF2

Protanopia

#7575D5

Deuteranopia

#7574CE

Tritanopia

#72BEB9

Achromatopsia

#818181

CSS Usage

background-color: #717BF2;
color: #717BF2;
border-color: #717BF2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC2F9
300
#8F97F5
400
#525EEF
500
#1526EA
600
#111EBB
700
#0E1895
800
#0B1375
900
#0C1255
950
#080B36

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.82:1

AA Pass AAA Fail

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