#2A70DA Color

Color Information

HEX#2A70DA
RGB42, 112, 218
HSL216° , 70% , 51%
HSV216° , 81% , 85%
CMYK81%, 49%, 0%, 15%

Lighter Shades

#4481DE #5D92E3 #77A3E7 #90B5EC #AAC6F0 #C3D7F5

Darker Shades

#2563C0 #2055A6 #1B488C #163A71 #112D57 #0C1F3D

Complementary Palette

#2460BB #2A70DA #BB7F25 #DA942B #DFA349 #4884DF

Analogous Palette

#40A5B0 #44B4C1 #2769CD #2A70DA #5044C1 #5E53C6

Triadic Palette

#2563C0 #2A70DA #E61E6E #E9397F #6EE61E #61CA1A

Split Complementary Palette

#2665C4 #2A70DA #DA3C2B #DE5040 #C8DA2B #B4C427

Square Palette

#235EB7 #2A70DA #CD37BE #CD9137 #2BDA3C #4DE05B

Tetradic Palette

#225CB3 #2A70DA #9814F0 #DA942B #6CF014 #86F33E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A70DA contains 42 red, 112 green, and 218 blue.

Contrast Ratio: 4.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.44:1