#35A0D2 Color

Color Information

HEX#35A0D2
RGB53, 160, 210
HSL199° , 64% , 52%
HSV199° , 75% , 82%
CMYK75%, 24%, 0%, 18%

Lighter Shades

#4DABD7 #65B7DD #7EC2E2 #96CEE8 #AED9ED #C6E4F2

Darker Shades

#2F8DB9 #287AA0 #226686 #1C536D #154054 #0F2D3B

Complementary Palette

#2E8AB5 #35A0D2 #B5592E #D36836 #D97D52 #51ADD8

Analogous Palette

#4BAA99 #4FBAA7 #3296C5 #35A0D2 #4F62BA #5D70C0

Triadic Palette

#2F8DB9 #35A0D2 #DF2AA6 #E344B1 #A6DF2A #92C425

Split Complementary Palette

#3090BD #35A0D2 #D33653 #D74A64 #D3B636 #BEA431

Square Palette

#2D86B0 #35A0D2 #AE43C7 #C76C43 #53D336 #6FDA56

Tetradic Palette

#2B83AC #35A0D2 #6020E9 #D36836 #A9E920 #B8ED48

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #35A0D2 contains 53 red, 160 green, and 210 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