#248AB5 Color

Color Information

HEX#248AB5
RGB36, 138, 181
HSL198° , 67% , 43%
HSV198° , 80% , 71%
CMYK80%, 24%, 0%, 29%

Lighter Shades

#3E98BE #59A6C7 #73B4D0 #8DC2D9 #A7D0E1 #C2DEEA

Darker Shades

#20799F #1B698A #175874 #13485E #0E3748 #0A2733

Complementary Palette

#1F779C #248AB5 #9D451F #B75024 #C16943 #439ABF

Analogous Palette

#35927F #3AA18D #2282AA #248AB5 #3A4FA1 #4E60A6

Triadic Palette

#20799F #248AB5 #C2198F #C9359C #8FC219 #7EAB16

Split Complementary Palette

#207CA3 #248AB5 #B72442 #BE3A55 #B79A24 #A58B20

Square Palette

#1E7498 #248AB5 #932FAC #AC552F #42B724 #60C347

Tetradic Palette

#1E7194 #248AB5 #4810CB #B75024 #93CB10 #A6D43B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #248AB5 contains 36 red, 138 green, and 181 blue.

Contrast Ratio: 3.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.44:1