#7CA6E2 Color

Color Information

HEX#7CA6E2
RGB124, 166, 226
HSL215° , 64% , 69%
HSV215° , 45% , 89%
CMYK45%, 27%, 0%, 11%

Lighter Shades

#8CB1E5 #9BBBE9 #ABC6EC #BBD1F0 #CBDBF3 #DAE6F7

Darker Shades

#6D92C7 #5E7EAC #4F6A91 #405676 #32425A #232E3F

Complementary Palette

#6B8FC2 #7CA6E2 #C39E6C #E3B87D #E7C28F #8EB2E6

Analogous Palette

#87BBC0 #8CCED4 #759CD4 #7CA6E2 #928CD4 #9B95D6

Triadic Palette

#6D92C7 #7CA6E2 #EB75A6 #ED86B1 #A6EB75 #92CF67

Split Complementary Palette

#7095CB #7CA6E2 #E3867D #E6928A #DAE37D #C4CC71

Square Palette

#688BBE #7CA6E2 #DB84D4 #DBB784 #7DE386 #92E799

Tetradic Palette

#6688B9 #7CA6E2 #BB6EF2 #E3B87D #A5F26E #B5F488

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CA6E2 contains 124 red, 166 green, and 226 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.54:1