#7CADF8

#7CADF8

Color Values

HEX

#7CADF8

RGB

124, 173, 248

HSL

216.3, 89.9%, 72.9%

HSV

216.3, 50.0%, 97.3%

CMYK

50.0%, 30.2%, 0.0%, 2.7%

OKLCH

0.7435 0.1212 258.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7CADF8

#F8C77C

Analogous

#7CEBF8

#897CF8

#7CADF8

Triadic

#7CADF8

#F87CAD

#ADF87C

Split Complementary

#7CADF8

#F8897C

#EBF87C

Tetradic

#7CADF8

#F87CEB

#F8C77C

#7CF889

Color Blindness Simulation

Original

#7CADF8

Protanopia

#9192E6

Deuteranopia

#8E8BE2

Tritanopia

#7ED8D4

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD5FB
300
#8BB6F9
400
#4C8FF5
500
#0D67F2
600
#0A53C2
700
#08429B
800
#063479
900
#092858
950
#061937

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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