#7CA2F5

#7CA2F5

Color Values

HEX

#7CA2F5

RGB

124, 162, 245

HSL

221.2, 85.8%, 72.4%

HSV

221.2, 49.4%, 96.1%

CMYK

49.4%, 33.9%, 0.0%, 3.9%

OKLCH

0.7191 0.1287 264.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7CA2F5

#F5CF7C

Analogous

#7CDEF5

#937CF5

#7CA2F5

Triadic

#7CA2F5

#F57CA2

#A2F57C

Split Complementary

#7CA2F5

#F5937C

#DEF57C

Tetradic

#7CA2F5

#F57CDE

#F5CF7C

#7CF593

Color Blindness Simulation

Original

#7CA2F5

Protanopia

#8C8DE1

Deuteranopia

#8A87DC

Tritanopia

#7ED1CE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDD0FA
300
#8DAEF6
400
#5082F2
500
#1257ED
600
#0E45BE
700
#0C3798
800
#092B76
900
#0B2256
950
#071636

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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