#3045AA Color

Color Information

HEX	#3045AA
RGB	48, 69, 170
HSL	230° , 56% , 43%
HSV	230° , 72% , 67%
CMYK	72%, 59%, 0%, 33%

Lighter Shades

#495BB4 #6272BE #7B88C9 #939ED3 #ACB5DD #C5CBE7

Darker Shades

#2A3D96 #243481 #1F2C6D #192458 #131C44 #0D1330

Complementary Palette

#293B92 #3045AA #938229 #AB9730 #B7A64D #4D5FB6

Analogous Palette

#406F87 #467B95 #2D41A0 #3045AA #604695 #6F599B

Triadic Palette

#2A3D96 #3045AA #B6253D #BF3F54 #3DB625 #36A021

Split Complementary Palette

#2B3E99 #3045AA #AB5930 #B36A45 #82AB30 #759A2B

Square Palette

#283A8F #3045AA #A03B7E #A08F3B #30AB59 #51B874

Tetradic Palette

#27398B #3045AA #A41DBF #AB9730 #38BF1D #5CCB46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3045AA contains 48 red, 69 green, and 170 blue.

Contrast Ratio: 8.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1