#407280 Color

Color Information

HEX#407280
RGB64, 114, 128
HSL193° , 33% , 38%
HSV193° , 50% , 50%
CMYK50%, 11%, 0%, 50%

Lighter Shades

#57838F #6E949E #85A5AE #9CB6BD #B3C7CC #CAD8DB

Darker Shades

#386471 #315761 #294952 #213B43 #1A2E33 #122024

Complementary Palette

#37626E #407280 #6F4438 #814F41 #93685C #5B8692

Analogous Palette

#4C675F #526F67 #3C6B78 #407280 #525B6F #5D677E

Triadic Palette

#386471 #407280 #8B3779 #994F89 #798B37 #6A7A30

Split Complementary Palette

#3A6773 #407280 #814153 #8E5464 #816F41 #74643B

Square Palette

#36606C #407280 #6B4B77 #77544B #538141 #6F955F

Tetradic Palette

#345D69 #407280 #452F92 #814F41 #7D922F #94A654

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #407280 contains 64 red, 114 green, and 128 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1