#7CAFFB

#7CAFFB

Color Values

HEX

#7CAFFB

RGB

124, 175, 251

HSL

215.9, 94.1%, 73.5%

HSV

215.9, 50.6%, 98.4%

CMYK

50.6%, 30.3%, 0.0%, 1.6%

OKLCH

0.7491 0.1232 258.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7CAFFB

#FBC87C

Analogous

#7CEFFB

#887CFB

#7CAFFB

Triadic

#7CAFFB

#FB7CAF

#AFFB7C

Split Complementary

#7CAFFB

#FB887C

#EFFB7C

Tetradic

#7CAFFB

#FB7CEF

#FBC87C

#7CFB88

Color Blindness Simulation

Original

#7CAFFB

Protanopia

#9293E9

Deuteranopia

#8F8BE4

Tritanopia

#7FDAD7

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD5FD
300
#88B6FB
400
#488FF9
500
#0868F7
600
#0653C6
700
#05429E
800
#04347C
900
#072859
950
#051A39

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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