#2A63D6 Color

Color Information

HEX#2A63D6
RGB42, 99, 214
HSL220° , 68% , 50%
HSV220° , 80% , 84%
CMYK80%, 54%, 0%, 16%

Lighter Shades

#4476DB #5D88E0 #779BE5 #90AEEA #AAC1EF #C3D3F4

Darker Shades

#2557BC #204BA3 #1B3F89 #16336F #112856 #0C1C3C

Complementary Palette

#2455B8 #2A63D6 #B88623 #D69C29 #DCAA47 #4879DC

Analogous Palette

#3D9BAE #42A8BD #275DC9 #2A63D6 #5742BD #6451C2

Triadic Palette

#2557BC #2A63D6 #E31C5E #E63771 #5EE31C #53C819

Split Complementary Palette

#2659C1 #2A63D6 #D64629 #DA593E #B9D629 #A7C125

Square Palette

#2353B4 #2A63D6 #C936B1 #C99836 #29D646 #4BDD64

Tetradic Palette

#2251AF #2A63D6 #A412ED #D69C29 #5BED12 #79F03D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A63D6 contains 42 red, 99 green, and 214 blue.

Contrast Ratio: 5.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1