#3C94BA Color

Color Information

HEX#3C94BA
RGB60, 148, 186
HSL198° , 51% , 48%
HSV198° , 68% , 73%
CMYK68%, 20%, 0%, 27%

Lighter Shades

#53A1C2 #6BAECB #82BBD3 #9AC7DB #B1D4E3 #C8E1EC

Darker Shades

#3582A4 #2E708D #265F77 #1F4D61 #183B4A #112934

Complementary Palette

#347FA0 #3C94BA #9F5334 #B9613C #C37757 #57A3C4

Analogous Palette

#4D9385 #54A091 #388BAF #3C94BA #5464A0 #6471A6

Triadic Palette

#3582A4 #3C94BA #C53098 #CC49A4 #98C530 #86AD2A

Split Complementary Palette

#3685A7 #3C94BA #B93C55 #C05066 #B9A03C #A79036

Square Palette

#327C9C #3C94BA #9948AD #AD6648 #55B93C #70C45B

Tetradic Palette

#317999 #3C94BA #5926CF #B9613C #9CCF26 #AED84D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3C94BA contains 60 red, 148 green, and 186 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.22:1