#2B6A99 Color

Color Information

HEX#2B6A99
RGB43, 106, 153
HSL206° , 56% , 38%
HSV206° , 72% , 60%
CMYK72%, 31%, 0%, 40%

Lighter Shades

#447CA5 #5E8EB1 #77A0BE #91B2CA #AAC3D6 #C4D5E2

Darker Shades

#265D87 #215174 #1C4462 #163750 #112A3D #0C1E2B

Complementary Palette

#255B84 #2B6A99 #824D25 #975A2B #A67149 #497FA7

Analogous Palette

#3A7874 #3E847F #286490 #2B6A99 #3E4384 #525689

Triadic Palette

#265D87 #2B6A99 #A12169 #AC3C7B #69A121 #5C8E1D

Split Complementary Palette

#275F8A #2B6A99 #972B32 #A14047 #97902B #888227

Square Palette

#245981 #2B6A99 #88348D #8D5B34 #32972B #53A84D

Tetradic Palette

#23577D #2B6A99 #5719A9 #975A2B #6AA919 #85B842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6A99 contains 43 red, 106 green, and 153 blue.

Contrast Ratio: 5.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1