#3CB4E6 Color

Color Information

HEX#3CB4E6
RGB60, 180, 230
HSL198° , 77% , 57%
HSV198° , 74% , 90%
CMYK74%, 22%, 0%, 10%

Lighter Shades

#53BDE9 #6BC6EC #82CFEF #9AD8F2 #B1E1F5 #C8EAF8

Darker Shades

#359ECA #2E89AF #267393 #1F5E78 #18485C #113240

Complementary Palette

#349BC6 #3CB4E6 #C66034 #E6703D #EA8458 #57BFEA

Analogous Palette

#52BCA7 #53D0B7 #38A9D8 #3CB4E6 #536CD0 #637AD4

Triadic Palette

#359ECA #3CB4E6 #F132B8 #F34BC1 #B8F132 #A2D42C

Split Complementary Palette

#36A2CF #3CB4E6 #E63D5F #E9506F #E6C43D #CFB037

Square Palette

#3297C1 #3CB4E6 #BD48DB #DB7448 #5FE63D #79EA5C

Tetradic Palette

#3194BD #3CB4E6 #6829FA #E6703D #BBFA29 #C7FB50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CB4E6 contains 60 red, 180 green, and 230 blue.

Contrast Ratio: 2.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.97:1