#2B6CA5 Color

Color Information

HEX#2B6CA5
RGB43, 108, 165
HSL208° , 59% , 41%
HSV208° , 74% , 65%
CMYK74%, 35%, 0%, 35%

Lighter Shades

#447EB0 #5E8FBB #77A1C5 #91B3D0 #AAC4DB #C4D6E6

Darker Shades

#265F91 #21527D #1C456A #163856 #112B42 #0C1E2E

Complementary Palette

#255D8E #2B6CA5 #8F5625 #A6642B #B27A49 #4981B2

Analogous Palette

#3B8784 #40918F #28669B #2B6CA5 #404291 #545796

Triadic Palette

#265F91 #2B6CA5 #B1206D #BA3B7F #6DB120 #609C1C

Split Complementary Palette

#276195 #2B6CA5 #A62B2F #AF4044 #A6A22B #959227

Square Palette

#245B8B #2B6CA5 #98359C #9C6535 #2FA62B #50B44D

Tetradic Palette

#235987 #2B6CA5 #6318B9 #A6642B #6EB918 #88C642

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6CA5 contains 43 red, 108 green, and 165 blue.

Contrast Ratio: 5.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.8:1