#2484B0 Color

Color Information

HEX#2484B0
RGB36, 132, 176
HSL199° , 66% , 42%
HSV199° , 80% , 69%
CMYK80%, 25%, 0%, 31%

Lighter Shades

#3E93B9 #59A2C3 #73B0CC #8DBFD6 #A7CEDF #C2DDE9

Darker Shades

#20749B #1B6486 #175471 #13455C #0E3546 #0A2531

Complementary Palette

#1F7297 #2484B0 #99461F #B25124 #BD6943 #4395BB

Analogous Palette

#369180 #3A9C8A #227CA5 #2484B0 #3A4C9C #4E5DA2

Triadic Palette

#20749B #2484B0 #BC1A89 #C43597 #89BC1A #79A517

Split Complementary Palette

#20779E #2484B0 #B2243E #BA3A51 #B29824 #A08920

Square Palette

#1E6F94 #2484B0 #912FA7 #A7552F #3EB224 #5DBE47

Tetradic Palette

#1E6C90 #2484B0 #4A11C5 #B25124 #8CC511 #A1CF3C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2484B0 contains 36 red, 132 green, and 176 blue.

Contrast Ratio: 4.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.06:1