#35A4B2 Color

Color Information

HEX	#35A4B2
RGB	53, 164, 178
HSL	187° , 54% , 45%
HSV	187° , 70% , 70%
CMYK	70%, 8%, 0%, 30%

Lighter Shades

#4DAFBB #65BAC4 #7EC5CE #96D0D7 #AEDBE0 #C6E6E9

Darker Shades

#2F909D #287D87 #226972 #1C555D #154247 #0F2E32

Complementary Palette

#2E8D99 #35A4B2 #983A2E #B14335 #BC5D51 #51B1BD

Analogous Palette

#479074 #4C9A7C #329AA7 #35A4B2 #4C6A9A #5E769C

Triadic Palette

#2F909D #35A4B2 #BC29AB #C443B5 #ABBC29 #96A524

Split Complementary Palette

#3094A0 #35A4B2 #B13564 #B94974 #B18135 #9F7430

Square Palette

#2D8A96 #35A4B2 #7F40A5 #A54C40 #64B135 #7DBD55

Tetradic Palette

#2B8692 #35A4B2 #3320C5 #B14335 #B2C520 #C0CF48

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #35A4B2 contains 53 red, 164 green, and 178 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.21:1