#2A78F6 Color

Color Information

HEX	#2A78F6
RGB	42, 120, 246
HSL	217° , 92% , 56%
HSV	217° , 83% , 96%
CMYK	83%, 51%, 0%, 4%

Lighter Shades

#4488F7 #5D98F8 #77A9F9 #90B9FA #AAC9FB #C3D9FC

Darker Shades

#256AD8 #205BBB #1B4D9D #163E80 #113062 #0C2245

Complementary Palette

#2467D4 #2A78F6 #D49022 #F6A728 #F7B346 #488BF7

Analogous Palette

#3FBACA #3ECDE0 #2771E7 #2A78F6 #513EE0 #6150E2

Triadic Palette

#256AD8 #2A78F6 #FF1F75 #FF3A86 #75FF1F #67E01B

Split Complementary Palette

#266CDD #2A78F6 #F64028 #F7533E #DEF628 #C8DD24

Square Palette

#2365CF #2A78F6 #EB33D5 #EBA433 #28F640 #4AF75F

Tetradic Palette

#2262CA #2A78F6 #A91FFF #F6A728 #75FF1F #8EFF47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A78F6 contains 42 red, 120 green, and 246 blue.

Contrast Ratio: 4.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.14:1