#5FBBDD Color

Color Information

HEX#5FBBDD
RGB95, 187, 221
HSL196° , 65% , 62%
HSV196° , 57% , 87%
CMYK57%, 15%, 0%, 13%

Lighter Shades

#72C3E1 #85CBE5 #99D3E9 #ACDCED #BFE4F1 #D2ECF5

Darker Shades

#54A5C2 #488EA8 #3D788D #316173 #264B58 #1B343E

Complementary Palette

#52A1BE #5FBBDD #BE6F52 #DD815F #E29375 #75C5E2

Analogous Palette

#6DB6A6 #72CAB5 #59B0D0 #5FBBDD #7287CA #7E90CE

Triadic Palette

#54A5C2 #5FBBDD #E755C0 #EA69C8 #C0E755 #A9CB4B

Split Complementary Palette

#56A8C7 #5FBBDD #DD5F7D #E06F8A #DDC05F #C7AD56

Square Palette

#509DBA #5FBBDD #BB69D3 #D38569 #7DDD5F #92E279

Tetradic Palette

#4E99B5 #5FBBDD #794EEF #DD815F #C4EF4E #CFF26E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FBBDD contains 95 red, 187 green, and 221 blue.

Contrast Ratio: 2.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.77:1