#7292DF

#7292DF

Color Values

HEX

#7292DF

RGB

114, 146, 223

HSL

222,4, 63,0%, 66,1%

HSV

222,4, 48,9%, 87,5%

CMYK

48,9%, 34,5%, 0,0%, 12,5%

OKLCH

0,6687 0,1205 266,1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7292DF

#DFBF72

Analogous

#72C9DF

#8972DF

#7292DF

Triadic

#7292DF

#DF7292

#92DF72

Split Complementary

#7292DF

#DF8972

#C9DF72

Tetradic

#7292DF

#DF72C9

#DFBF72

#72DF89

Color Blindness Simulation

Original

#7292DF

Protanopia

#8080CC

Deuteranopia

#7E7CC8

Tritanopia

#74BEBA

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D2F2
300
#9BB2E8
400
#6588DC
500
#2F5ED0
600
#264BA6
700
#1E3C85
800
#182F68
900
#15254C
950
#0D1730

Contrast Checker

Text on white

3,05:1

AA Fail AAA Fail

Text on black

6,89: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