#3D54C6 Color

Color Information

HEX	#3D54C6
RGB	61, 84, 198
HSL	230° , 55% , 51%
HSV	230° , 69% , 78%
CMYK	69%, 58%, 0%, 22%

Lighter Shades

#5469CD #6C7DD4 #8392DB #9AA6E1 #B1BBE8 #C9CFEF

Darker Shades

#364AAE #2E4096 #27367F #202C67 #18224F #111837

Complementary Palette

#3448AA #3D54C6 #AB9734 #C7B03D #CFBB58 #586CCE

Analogous Palette

#50859F #5691AE #394FBA #3D54C6 #7356AE #7F64B4

Triadic Palette

#364AAE #3D54C6 #D3314C #D84A61 #4CD331 #43BA2B

Split Complementary Palette

#374CB2 #3D54C6 #C76B3D #CD7A50 #99C73D #8AB337

Square Palette

#3347A6 #3D54C6 #BA4A95 #BAA84A #3DC76B #5CD083

Tetradic Palette

#3245A2 #3D54C6 #BF27DD #C7B03D #45DD27 #66E34E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3D54C6 contains 61 red, 84 green, and 198 blue.

Contrast Ratio: 6.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.25:1