#7CABE4

#7CABE4

Color Values

HEX

#7CABE4

RGB

124, 171, 228

HSL

212.9, 65.8%, 69.0%

HSV

212.9, 45.6%, 89.4%

CMYK

45.6%, 25.0%, 0.0%, 10.6%

OKLCH

0.7299 0.0975 253.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7CABE4

#E4B57C

Analogous

#7CDFE4

#817CE4

#7CABE4

Triadic

#7CABE4

#E47CAB

#ABE47C

Split Complementary

#7CABE4

#E4817C

#DFE47C

Tetradic

#7CABE4

#E47CDF

#E4B57C

#7CE481

Color Blindness Simulation

Original

#7CABE4

Protanopia

#9091D6

Deuteranopia

#8E8AD3

Tritanopia

#7ECBC9

Achromatopsia

#A5A5A5

CSS Usage

background-color: #7CABE4;
color: #7CABE4;
border-color: #7CABE4;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F3
300
#9ABEEA
400
#639BDF
500
#2C77D3
600
#2360A9
700
#1C4C87
800
#163C6A
900
#142E4D
950
#0C1D31

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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