#7CBFFA

#7CBFFA

Color Values

HEX

#7CBFFA

RGB

124, 191, 250

HSL

208.1, 92.6%, 73.3%

HSV

208.1, 50.4%, 98.0%

CMYK

50.4%, 23.6%, 0.0%, 2.0%

OKLCH

0.7827 0.1088 246.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7CBFFA

#FAB77C

Analogous

#7CFAF6

#7C80FA

#7CBFFA

Triadic

#7CBFFA

#FA7CBF

#BFFA7C

Split Complementary

#7CBFFA

#FA7C80

#FAF67C

Tetradic

#7CBFFA

#F67CFA

#FAB77C

#80FA7C

Color Blindness Simulation

Original

#7CBFFA

Protanopia

#999AEC

Deuteranopia

#9590E8

Tritanopia

#7FE0DE

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C5FA
400
#49A6F8
500
#0987F6
600
#086CC4
700
#06569D
800
#05437B
900
#083359
950
#052038

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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