#2257A1 Color

Color Information

HEX#2257A1
RGB34, 87, 161
HSL215° , 65% , 38%
HSV215° , 79% , 63%
CMYK79%, 46%, 0%, 37%

Lighter Shades

#3D6BAC #577FB8 #7293C3 #8CA8CE #A7BCD9 #C1D0E5

Darker Shades

#1E4D8E #1A427A #163867 #122D54 #0E2340 #0A182D

Complementary Palette

#1D4B8A #2257A1 #8A5C1D #A06B22 #AD8041 #416FAE

Analogous Palette

#317B81 #35858D #205297 #2257A1 #3D358D #4F4992

Triadic Palette

#1E4D8E #2257A1 #AA1855 #B43469 #55AA18 #4B9615

Split Complementary Palette

#1F4E91 #2257A1 #A02C22 #AA4138 #95A022 #86901F

Square Palette

#1D4987 #2257A1 #962C8D #966A2C #22A02C #45AF4E

Tetradic Palette

#1C4784 #2257A1 #6E10B1 #A06B22 #53B110 #72BF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2257A1 contains 34 red, 87 green, and 161 blue.

Contrast Ratio: 7.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1