#7CA5EB Color

Color Information

HEX#7CA5EB
RGB124, 165, 235
HSL218° , 74% , 70%
HSV218° , 47% , 92%
CMYK47%, 30%, 0%, 8%

Lighter Shades

#8CB0ED #9BBBF0 #ABC5F2 #BBD0F5 #CBDBF7 #DAE6F9

Darker Shades

#6D91CF #5E7DB3 #4F6A96 #40567A #32425E #232E42

Complementary Palette

#6B8ECA #7CA5EB #CAA769 #EBC27A #EECB8D #8EB2EE

Analogous Palette

#81BCC5 #89D1DC #759BDD #7CA5EB #9489DC #9F95DF

Triadic Palette

#6D91CF #7CA5EB #F372A1 #F483AC #A1F372 #8ED664

Split Complementary Palette

#7095D4 #7CA5EB #EB897A #ED9587 #DCEB7A #C6D46E

Square Palette

#688BC5 #7CA5EB #E382D6 #E3C082 #7AEB89 #8FEE9C

Tetradic Palette

#6687C1 #7CA5EB #C56CF9 #EBC27A #A0F96C #B1FA86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CA5EB contains 124 red, 165 green, and 235 blue.

Contrast Ratio: 2.45:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.57:1