#7CA4B2 Color

Color Information

HEX#7CA4B2
RGB124, 164, 178
HSL196° , 26% , 59%
HSV196° , 30% , 70%
CMYK30%, 8%, 0%, 30%

Lighter Shades

#8CAFBB #9BBAC4 #ABC5CE #BBD0D7 #CBDBE0 #DAE6E9

Darker Shades

#6D909D #5E7D87 #4F6972 #40555D #324247 #232E32

Complementary Palette

#6B8D99 #7CA4B2 #99776A #B28A7B #BD9A8D #8EB1BD

Analogous Palette

#789B93 #87A69F #759AA7 #7CA4B2 #878EA6 #9096AD

Triadic Palette

#6D909D #7CA4B2 #BC71A8 #C482B2 #A8BC71 #94A563

Split Complementary Palette

#7094A0 #7CA4B2 #B27B88 #BA8894 #B2A57B #A0956F

Square Palette

#688A96 #7CA4B2 #9F86A7 #A78F86 #88B27B #9BBE90

Tetradic Palette

#668692 #7CA4B2 #8168C4 #B28A7B #ACC468 #BBCF83

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7CA4B2 contains 124 red, 164 green, and 178 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.94:1