#2A6F9F Color

Color Information

HEX#2A6F9F
RGB42, 111, 159
HSL205° , 58% , 39%
HSV205° , 74% , 62%
CMYK74%, 30%, 0%, 38%

Lighter Shades

#4480AB #5D92B6 #77A3C2 #90B4CD #AAC5D9 #C3D7E4

Darker Shades

#25628C #205479 #1B4766 #163A53 #112C40 #0C1F2D

Complementary Palette

#245F89 #2A6F9F #874D24 #9D5A2A #AB7148 #4883AC

Analogous Palette

#3A7E78 #3E8983 #276895 #2A6F9F #3E4489 #52578E

Triadic Palette

#25628C #2A6F9F #A7206F #B23B80 #6FA720 #62931C

Split Complementary Palette

#26648F #2A6F9F #9D2A33 #A73F47 #9D942A #8D8526

Square Palette

#235D86 #2A6F9F #8B3493 #935B34 #339D2A #54AD4C

Tetradic Palette

#225B82 #2A6F9F #5718AF #9D5A2A #70AF18 #8ABD42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6F9F contains 42 red, 111 green, and 159 blue.

Contrast Ratio: 5.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1