#7CBCFA

#7CBCFA

Color Values

HEX

#7CBCFA

RGB

124, 188, 250

HSL

209.5, 92.6%, 73.3%

HSV

209.5, 50.4%, 98.0%

CMYK

50.4%, 24.8%, 0.0%, 2.0%

OKLCH

0.7763 0.1109 248.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7CBCFA

#FABA7C

Analogous

#7CFAF9

#7C7DFA

#7CBCFA

Triadic

#7CBCFA

#FA7CBC

#BCFA7C

Split Complementary

#7CBCFA

#FA7C7D

#FAF97C

Tetradic

#7CBCFA

#F97CFA

#FABA7C

#7DFA7C

Color Blindness Simulation

Original

#7CBCFA

Protanopia

#9898EB

Deuteranopia

#948FE7

Tritanopia

#7FDFDD

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADCFC
300
#89C3FA
400
#49A2F8
500
#0981F6
600
#0868C4
700
#06539D
800
#05417B
900
#083159
950
#051F38

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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