#2A3F8F Color

Color Information

HEX	#2A3F8F
RGB	42, 63, 143
HSL	228° , 55% , 36%
HSV	228° , 71% , 56%
CMYK	71%, 56%, 0%, 44%

Lighter Shades

#44569C #5D6DAA #7784B7 #909BC5 #AAB2D2 #C3C9E0

Darker Shades

#25377E #20306D #1B285C #16214A #111939 #0C1228

Complementary Palette

#24367B #2A3F8F #7A6923 #8E7A29 #9E8D47 #485A9F

Analogous Palette

#376072 #3C697C #273B86 #2A3F8F #4F3C7C #5F4F82

Triadic Palette

#25377E #2A3F8F #972038 #A33B50 #389720 #31851C

Split Complementary Palette

#263981 #2A3F8F #8E4829 #995A3E #708E29 #658025

Square Palette

#233578 #2A3F8F #85326C #857532 #298E48 #4BA065

Tetradic Palette

#223475 #2A3F8F #84199F #8E7A29 #349F19 #59B042

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3F8F contains 42 red, 63 green, and 143 blue.

Contrast Ratio: 9.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.15:1