#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026