#2493B5 Color

Color Information

HEX#2493B5
RGB36, 147, 181
HSL194° , 67% , 43%
HSV194° , 80% , 71%
CMYK80%, 19%, 0%, 29%

Lighter Shades

#3EA0BE #59ADC7 #73BAD0 #8DC7D9 #A7D4E1 #C2E1EA

Darker Shades

#20819F #1B708A #175E74 #134C5E #0E3B48 #0A2933

Complementary Palette

#1F7E9C #2493B5 #9D3C1F #B74624 #C16043 #43A2BF

Analogous Palette

#359279 #3AA186 #228AAA #2493B5 #3A56A1 #4E66A6

Triadic Palette

#20819F #2493B5 #C2199B #C935A7 #9BC219 #88AB16

Split Complementary Palette

#2084A3 #2493B5 #B7244B #BE3A5D #B79024 #A58220

Square Palette

#1E7B98 #2493B5 #8B2FAC #AC4C2F #4BB724 #68C347

Tetradic Palette

#1E7994 #2493B5 #3C10CB #B74624 #9FCB10 #B0D43B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2493B5 contains 36 red, 147 green, and 181 blue.

Contrast Ratio: 3.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.99:1