#629ED2 Color

Color Information

HEX#629ED2
RGB98, 158, 210
HSL208° , 55% , 60%
HSV208° , 53% , 82%
CMYK53%, 25%, 0%, 18%

Lighter Shades

#75AAD7 #88B5DD #9BC1E2 #ADCDE8 #C0D8ED #D3E4F2

Darker Shades

#568BB9 #4A78A0 #3F6586 #33526D #273F54 #1B2C3B

Complementary Palette

#5488B5 #629ED2 #B48053 #D19561 #D7A477 #78ACD8

Analogous Palette

#70A9A7 #75BDBA #5C95C5 #629ED2 #7578BD #8082C2

Triadic Palette

#568BB9 #629ED2 #DB579D #DF6BA9 #9DDB57 #8AC14D

Split Complementary Palette

#588EBD #629ED2 #D16165 #D67174 #D1CD61 #BCB957

Square Palette

#5285B0 #629ED2 #C46BC7 #C7966B #65D161 #7ED87A

Tetradic Palette

#5082AC #629ED2 #944FE3 #D19561 #9EE34F #AFE86F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #629ED2 contains 98 red, 158 green, and 210 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.45:1