#7D9CF4

#7D9CF4

Color Values

HEX

#7D9CF4

RGB

125, 156, 244

HSL

224.4, 84.4%, 72.4%

HSV

224.4, 48.8%, 95.7%

CMYK

48.8%, 36.1%, 0.0%, 4.3%

OKLCH

0.7069 0.1339 268.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7D9CF4

#F4D57D

Analogous

#7DD8F4

#9A7DF4

#7D9CF4

Triadic

#7D9CF4

#F47D9C

#9CF47D

Split Complementary

#7D9CF4

#F49A7D

#D8F47D

Tetradic

#7D9CF4

#F47DD8

#F4D57D

#7DF49A

Color Blindness Simulation

Original

#7D9CF4

Protanopia

#8A8BDF

Deuteranopia

#8986DA

Tritanopia

#7FCECA

Achromatopsia

#9C9C9C

CSS Usage

background-color: #7D9CF4;
color: #7D9CF4;
border-color: #7D9CF4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCDF9
300
#8EA9F5
400
#517AF0
500
#144CEB
600
#103DBC
700
#0D3196
800
#0A2676
900
#0C1F55
950
#071336

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026