#2B667D Color

Color Information

HEX#2B667D
RGB43, 102, 125
HSL197° , 49% , 33%
HSV197° , 66% , 49%
CMYK66%, 18%, 0%, 51%

Lighter Shades

#44788D #5E8B9C #779DAC #91AFBB #AAC2CB #C4D4DB

Darker Shades

#265A6E #214E5F #1C4150 #163541 #112932 #0C1D23

Complementary Palette

#25586C #2B667D #6C3925 #7D422B #8F5C49 #497B8F

Analogous Palette

#376259 #3C6D63 #286076 #2B667D #3C466D #4F5872

Triadic Palette

#265A6E #2B667D #86236A #953D7C #6A8623 #5D761F

Split Complementary Palette

#275C71 #2B667D #7D2B3D #8A4050 #7D6C2B #716127

Square Palette

#245669 #2B667D #683375 #754633 #3D7D2B #5C924D

Tetradic Palette

#235467 #2B667D #3C1C8D #7D422B #6D8D1C #87A245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B667D contains 43 red, 102 green, and 125 blue.

Contrast Ratio: 6.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1