#2D667A Color

Color Information

HEX#2D667A
RGB45, 102, 122
HSL196° , 46% , 33%
HSV196° , 63% , 48%
CMYK63%, 16%, 0%, 52%

Lighter Shades

#46788A #5F8B9A #799DAA #92AFBA #ABC2CA #C4D4DA

Darker Shades

#285A6B #224E5D #1D414E #17353F #122931 #0D1D22

Complementary Palette

#275869 #2D667A #6A3927 #7B422D #8D5C4A #4A7B8D

Analogous Palette

#386158 #3E6A60 #2A6073 #2D667A #3E496A #505871

Triadic Palette

#285A6B #2D667A #83256A #923F7C #6A8325 #5D7321

Split Complementary Palette

#295C6E #2D667A #7B2D40 #884253 #7B692D #6F5F29

Square Palette

#265666 #2D667A #643672 #724636 #407B2D #5F904F

Tetradic Palette

#255464 #2D667A #3B1E8A #7B422D #6D8A1E #879F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D667A contains 45 red, 102 green, and 122 blue.

Contrast Ratio: 6.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1