#2582A6 Color

Color Information

HEX#2582A6
RGB37, 130, 166
HSL197° , 64% , 40%
HSV197° , 78% , 65%
CMYK78%, 22%, 0%, 35%

Lighter Shades

#3F91B1 #59A0BB #73AFC6 #8EBED1 #A8CDDB #C2DCE6

Darker Shades

#217292 #1C637E #18536A #134456 #0F3442 #0A242E

Complementary Palette

#20708F #2582A6 #904020 #A74A25 #B36344 #4494B2

Analogous Palette

#358876 #39937F #237A9C #2582A6 #394D93 #4D5D99

Triadic Palette

#217292 #2582A6 #B11B87 #BA3695 #87B11B #779C18

Split Complementary Palette

#217595 #2582A6 #A72541 #B03B54 #A78B25 #967D21

Square Palette

#1F6D8B #2582A6 #852F9D #9D4E2F #41A725 #5FB548

Tetradic Palette

#1E6B88 #2582A6 #4212BA #A74A25 #8ABA12 #9FC63D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2582A6 contains 37 red, 130 green, and 166 blue.

Contrast Ratio: 4.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.87:1