#7DA3F4

#7DA3F4

Color Values

HEX

#7DA3F4

RGB

125, 163, 244

HSL

220.8, 84.4%, 72.4%

HSV

220.8, 48.8%, 95.7%

CMYK

48.8%, 33.2%, 0.0%, 4.3%

OKLCH

0.7213 0.1259 264.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7DA3F4

#F4CE7D

Analogous

#7DDFF4

#937DF4

#7DA3F4

Triadic

#7DA3F4

#F47DA3

#A3F47D

Split Complementary

#7DA3F4

#F4937D

#DFF47D

Tetradic

#7DA3F4

#F47DDF

#F4CE7D

#7DF493

Color Blindness Simulation

Original

#7DA3F4

Protanopia

#8D8EE0

Deuteranopia

#8B88DC

Tritanopia

#7FD1CE

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E9FA
200
#BDD0F9
300
#8EAFF5
400
#5184F0
500
#1459EB
600
#1047BC
700
#0D3996
800
#0A2C76
900
#0C2355
950
#071636

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.42:1

AA Pass AAA Pass

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