#417DA5 Color

Color Information

HEX#417DA5
RGB65, 125, 165
HSL204° , 43% , 45%
HSV204° , 61% , 65%
CMYK61%, 24%, 0%, 35%

Lighter Shades

#588DB0 #6F9CBB #85ACC5 #9CBBD0 #B3CBDB #CADBE6

Darker Shades

#396E91 #315F7D #2A506A #224156 #1A3242 #12232E

Complementary Palette

#386C8E #417DA5 #8D5A38 #A46941 #B17E5C #5C8FB2

Analogous Palette

#51817C #588D88 #3D769B #417DA5 #585E8D #696D91

Triadic Palette

#396E91 #417DA5 #B0367F #B94E8E #7FB036 #709B30

Split Complementary Palette

#3B7195 #417DA5 #A4414B #AD545D #A49A41 #948B3B

Square Palette

#37698B #417DA5 #914D99 #996B4D #4BA441 #68B35F

Tetradic Palette

#356787 #417DA5 #652DB9 #A46941 #81B92D #98C653

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #417DA5 contains 65 red, 125 green, and 165 blue.

Contrast Ratio: 4.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.74:1