#7CB4EA

#7CB4EA

Color Values

HEX

#7CB4EA

RGB

124, 180, 234

HSL

209.5, 72.4%, 70.2%

HSV

209.5, 47.0%, 91.8%

CMYK

47.0%, 23.1%, 0.0%, 8.2%

OKLCH

0.752 0.0979 248.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7CB4EA

#EAB27C

Analogous

#7CEAE9

#7C7DEA

#7CB4EA

Triadic

#7CB4EA

#EA7CB4

#B4EA7C

Split Complementary

#7CB4EA

#EA7C7D

#EAE97C

Tetradic

#7CB4EA

#E97CEA

#EAB27C

#7DEA7C

Color Blindness Simulation

Original

#7CB4EA

Protanopia

#9495DD

Deuteranopia

#918DDA

Tritanopia

#7FD3D0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DCF5
300
#95C3EE
400
#5CA2E5
500
#2381DC
600
#1C67B0
700
#17538D
800
#12416E
900
#113150
950
#0B1F33

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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