#417DC6 Color

Color Information

HEX#417DC6
RGB65, 125, 198
HSL213° , 54% , 52%
HSV213° , 67% , 78%
CMYK67%, 37%, 0%, 22%

Lighter Shades

#588DCD #6F9CD4 #85ACDB #9CBBE1 #B3CBE8 #CADBEF

Darker Shades

#396EAE #315F96 #2A507F #224167 #1A324F #122337

Complementary Palette

#386CAA #417DC6 #AB783A #C78B43 #CF9B5D #5C8FCE

Analogous Palette

#579A9E #5BAAAE #3D76BA #417DC6 #5F5BAE #6C69B5

Triadic Palette

#396EAE #417DC6 #D3367D #D84E8D #7DD336 #6EBA30

Split Complementary Palette

#3B71B2 #417DC6 #C74943 #CD5B56 #C0C743 #ADB33C

Square Palette

#3769A6 #417DC6 #BA4FB5 #BA8A4F #43C749 #61D066

Tetradic Palette

#3567A2 #417DC6 #8D2CDD #C78B43 #7CDD2C #94E352

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #417DC6 contains 65 red, 125 green, and 198 blue.

Contrast Ratio: 4.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.02:1