#2B83A6 Color

Color Information

HEX#2B83A6
RGB43, 131, 166
HSL197° , 59% , 41%
HSV197° , 74% , 65%
CMYK74%, 21%, 0%, 35%

Lighter Shades

#4492B1 #5EA1BB #77B0C6 #91BFD1 #AACDDB #C4DCE6

Darker Shades

#267392 #21647E #1C546A #164456 #113442 #0C252E

Complementary Palette

#25718F #2B83A6 #8F4325 #A64E2B #B26749 #4994B2

Analogous Palette

#3B8776 #409180 #287B9C #2B83A6 #405191 #546396

Triadic Palette

#267392 #2B83A6 #B12088 #BA3B96 #88B120 #789C1C

Split Complementary Palette

#277695 #2B83A6 #A62B46 #AF4059 #A68C2B #957E27

Square Palette

#246E8B #2B83A6 #86359C #9C5235 #46A62B #64B44D

Tetradic Palette

#236B88 #2B83A6 #4618B9 #A64E2B #8BB918 #A0C642

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B83A6 contains 43 red, 131 green, and 166 blue.

Contrast Ratio: 4.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.95:1