#2A50CE Color

Color Information

HEX#2A50CE
RGB42, 80, 206
HSL226° , 66% , 49%
HSV226° , 80% , 81%
CMYK80%, 61%, 0%, 19%

Lighter Shades

#4465D4 #5D7ADA #778FE0 #90A4E6 #AAB9EB #C3CEF1

Darker Shades

#2546B5 #203D9D #1B3384 #162A6B #112052 #0C163A

Complementary Palette

#2445B1 #2A50CE #B29124 #CFA92A #D6B548 #4869D5

Analogous Palette

#3E8BA8 #4398B6 #274BC2 #2A50CE #6243B6 #6F54BB

Triadic Palette

#2546B5 #2A50CE #DC1E4A #E03960 #4ADC1E #41C21A

Split Complementary Palette

#2648B9 #2A50CE #CF562A #D4673F #A3CF2A #93BA26

Square Palette

#2343AD #2A50CE #C3379E #C3A237 #2ACF56 #4CD771

Tetradic Palette

#2242A9 #2A50CE #B514E6 #CFA92A #45E614 #66EB3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A50CE contains 42 red, 80 green, and 206 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1