#2D668E Color

Color Information

HEX#2D668E
RGB45, 102, 142
HSL205° , 52% , 37%
HSV205° , 68% , 56%
CMYK68%, 28%, 0%, 44%

Lighter Shades

#46789C #5F8BA9 #799DB7 #92AFC4 #ABC2D2 #C4D4DF

Darker Shades

#285A7D #224E6C #1D415B #17354A #122939 #0D1D28

Complementary Palette

#27587A #2D668E #7B4A27 #8F562D #9F6E4A #4A7B9E

Analogous Palette

#3A736F #407D78 #2A6085 #2D668E #40457D #545783

Triadic Palette

#285A7D #2D668E #99246A #A53E7C #6A9924 #5D8720

Split Complementary Palette

#295C80 #2D668E #8F2D35 #9A4249 #8F872D #817A29

Square Palette

#265677 #2D668E #7F3786 #865837 #358F2D #55A14F

Tetradic Palette

#255474 #2D668E #531CA0 #8F562D #6CA01C #86B145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D668E contains 45 red, 102 green, and 142 blue.

Contrast Ratio: 6.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.4:1