#2E82B9 Color

Color Information

HEX#2E82B9
RGB46, 130, 185
HSL204° , 60% , 45%
HSV204° , 75% , 73%
CMYK75%, 30%, 0%, 27%

Lighter Shades

#4791C1 #60A0CA #79AFD2 #92BEDB #ABCDE3 #C4DCEB

Darker Shades

#2872A3 #23638D #1D5376 #184460 #12344A #0D2434

Complementary Palette

#28709F #2E82B9 #9E5728 #B8652E #C27B4B #4B94C3

Analogous Palette

#3F928A #45A197 #2B7AAE #2E82B9 #454EA1 #5961A6

Triadic Palette

#2872A3 #2E82B9 #C32283 #CA3D92 #83C322 #73AC1E

Split Complementary Palette

#2975A7 #2E82B9 #B82E3C #BF4350 #B8AA2E #A69929

Square Palette

#276D9B #2E82B9 #A139AC #AC6739 #3CB82E #5BC34F

Tetradic Palette

#266B98 #2E82B9 #6119CC #B8652E #85CC19 #9BD542

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E82B9 contains 46 red, 130 green, and 185 blue.

Contrast Ratio: 4.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.06:1