#7CAFFC

#7CAFFC

Color Values

HEX

#7CAFFC

RGB

124, 175, 252

HSL

216.1, 95.5%, 73.7%

HSV

216.1, 50.8%, 98.8%

CMYK

50.8%, 30.6%, 0.0%, 1.2%

OKLCH

0.7496 0.1244 258.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7CAFFC

#FCC97C

Analogous

#7CEFFC

#897CFC

#7CAFFC

Triadic

#7CAFFC

#FC7CAF

#AFFC7C

Split Complementary

#7CAFFC

#FC897C

#EFFC7C

Tetradic

#7CAFFC

#FC7CEF

#FCC97C

#7CFC89

Color Blindness Simulation

Original

#7CAFFC

Protanopia

#9293E9

Deuteranopia

#8F8BE5

Tritanopia

#7FDBD7

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#87B6FC
400
#478EFB
500
#0667F9
600
#0552C7
700
#0442A0
800
#03337D
900
#07285A
950
#041939

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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