#284BA1 Color

Color Information

HEX#284BA1
RGB40, 75, 161
HSL223° , 60% , 39%
HSV223° , 75% , 63%
CMYK75%, 53%, 0%, 37%

Lighter Shades

#4261AC #5C76B8 #758CC3 #8FA1CE #A9B7D9 #C3CDE5

Darker Shades

#23428E #1E397A #1A3067 #152754 #101E40 #0B152D

Complementary Palette

#22418A #284BA1 #896C22 #9F7D28 #AC8F46 #4664AE

Analogous Palette

#377181 #3C7A8B #264797 #284BA1 #4D3C8B #5E5091

Triadic Palette

#23428E #284BA1 #A91E45 #B3395B #45A91E #3D951A

Split Complementary Palette

#244491 #284BA1 #9F4228 #A9553E #859F28 #788F24

Square Palette

#223F87 #284BA1 #953280 #957932 #289F42 #4AAE60

Tetradic Palette

#213E84 #284BA1 #8516B1 #9F7D28 #42B116 #64BF40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #284BA1 contains 40 red, 75 green, and 161 blue.

Contrast Ratio: 8.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1