#2B6EDC Color

Color Information

HEX	#2B6EDC
RGB	43, 110, 220
HSL	217° , 72% , 52%
HSV	217° , 80% , 86%
CMYK	80%, 50%, 0%, 14%

Lighter Shades

#447FE0 #5E91E4 #77A2E9 #91B4ED #AAC5F1 #C4D6F5

Darker Shades

#2661C2 #2154A7 #1C468D #163972 #112C58 #0C1F3E

Complementary Palette

#255FBD #2B6EDC #BE8426 #DD992C #E2A74A #4982E1

Analogous Palette

#41A7B4 #45B5C4 #2867CF #2B6EDC #5445C4 #6254C9

Triadic Palette

#2661C2 #2B6EDC #E9206D #EC3B7F #6DE920 #60CD1C

Split Complementary Palette

#2763C6 #2B6EDC #DD412C #E05441 #C8DD2C #B4C728

Square Palette

#245CB9 #2B6EDC #D039BF #D09639 #2CDD41 #4EE25F

Tetradic Palette

#235AB4 #2B6EDC #9E16F3 #DD992C #6BF316 #86F540

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6EDC contains 43 red, 110 green, and 220 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.38:1