#7291DF

#7291DF

Color Values

HEX

#7291DF

RGB

114, 145, 223

HSL

222.9, 63.0%, 66.1%

HSV

222.9, 48.9%, 87.5%

CMYK

48.9%, 35.0%, 0.0%, 12.5%

OKLCH

0.6666 0.1216 266.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7291DF

#DFC072

Analogous

#72C8DF

#8A72DF

#7291DF

Triadic

#7291DF

#DF7291

#91DF72

Split Complementary

#7291DF

#DF8A72

#C8DF72

Tetradic

#7291DF

#DF72C8

#DFC072

#72DF8A

Color Blindness Simulation

Original

#7291DF

Protanopia

#7F80CC

Deuteranopia

#7E7BC8

Tritanopia

#74BDBA

Achromatopsia

#909090

CSS Usage

background-color: #7291DF;
color: #7291DF;
border-color: #7291DF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D2F2
300
#9BB1E8
400
#6587DC
500
#2F5DD0
600
#264AA6
700
#1E3B85
800
#182E68
900
#15254C
950
#0D1730

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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