#7CACFB

#7CACFB

Color Values

HEX

#7CACFB

RGB

124, 172, 251

HSL

217.3, 94.1%, 73.5%

HSV

217.3, 50.6%, 98.4%

CMYK

50.6%, 31.5%, 0.0%, 1.6%

OKLCH

0.7429 0.1261 260.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7CACFB

#FBCB7C

Analogous

#7CECFB

#8B7CFB

#7CACFB

Triadic

#7CACFB

#FB7CAC

#ACFB7C

Split Complementary

#7CACFB

#FB8B7C

#ECFB7C

Tetradic

#7CACFB

#FB7CEC

#FBCB7C

#7CFB8B

Color Blindness Simulation

Original

#7CACFB

Protanopia

#9191E8

Deuteranopia

#8E8AE3

Tritanopia

#7ED9D5

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FD
300
#88B4FB
400
#488BF9
500
#0862F7
600
#064FC6
700
#053F9E
800
#04317C
900
#072659
950
#051839

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026