#629BBC Color

Color Information

HEX#629BBC
RGB98, 155, 188
HSL202° , 40% , 56%
HSV202° , 48% , 74%
CMYK48%, 18%, 0%, 26%

Lighter Shades

#75A7C4 #88B3CC #9BBFD4 #ADCBDC #C0D7E4 #D3E3EC

Darker Shades

#5688A5 #4A768F #3F6378 #335162 #273E4B #1B2B35

Complementary Palette

#5485A2 #629BBC #A27154 #BC8362 #C59478 #78A9C5

Analogous Palette

#729792 #78A59F #5C92B1 #629BBC #787EA5 #858AAD

Triadic Palette

#5688A5 #629BBC #C7579E #CE6BAA #9EC757 #8BAF4D

Split Complementary Palette

#588CA9 #629BBC #BC626E #C3727D #BCB062 #A99E58

Square Palette

#52829E #629BBC #A76DB0 #B0866D #6EBC62 #85C77B

Tetradic Palette

#507F9A #629BBC #7D4ED0 #BC8362 #A0D04E #B1D86E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #629BBC contains 98 red, 155 green, and 188 blue.

Contrast Ratio: 2.98:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.04:1