#2A699B Color

Color Information

HEX#2A699B
RGB42, 105, 155
HSL207° , 57% , 39%
HSV207° , 73% , 61%
CMYK73%, 32%, 0%, 39%

Lighter Shades

#447BA7 #5D8DB3 #779FBF #90B1CB #AAC3D7 #C3D5E3

Darker Shades

#255C88 #205076 #1B4363 #163751 #112A3E #0C1D2B

Complementary Palette

#245A85 #2A699B #865125 #9C5E2B #AA7549 #487EA9

Analogous Palette

#3A7E7A #3F8885 #276392 #2A699B #3F4288 #53568D

Triadic Palette

#255C88 #2A699B #A6216A #B13C7C #6AA621 #5D921D

Split Complementary Palette

#265F8C #2A699B #9C2B30 #A64045 #9C962B #8C8727

Square Palette

#235882 #2A699B #8E3592 #925F35 #309C2B #51AC4D

Tetradic Palette

#22567F #2A699B #5C19AE #9C5E2B #6BAE19 #86BD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A699B contains 42 red, 105 green, and 155 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.59:1