#2682AB Color

Color Information

HEX#2682AB
RGB38, 130, 171
HSL198° , 64% , 41%
HSV198° , 78% , 67%
CMYK78%, 24%, 0%, 33%

Lighter Shades

#4091B5 #5AA0BF #74AFC9 #8EBED3 #A8CDDD #C2DCE7

Darker Shades

#217296 #1D6382 #18536D #144459 #0F3444 #0B2430

Complementary Palette

#217093 #2682AB #934321 #AB4E26 #B76744 #4494B7

Analogous Palette

#368C7A #3B9784 #247AA1 #2682AB #3B4D97 #4F5E9C

Triadic Palette

#217296 #2682AB #B61B87 #BF3695 #87B61B #77A018

Split Complementary Palette

#22759A #2682AB #AB2640 #B33C53 #AB9126 #9A8322

Square Palette

#206D90 #2682AB #8A30A1 #A15230 #40AB26 #5FB849

Tetradic Palette

#1F6B8C #2682AB #4613BE #AB4E26 #8BBE13 #A0CA3D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2682AB contains 38 red, 130 green, and 171 blue.

Contrast Ratio: 4.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.91:1