#126AA2 Color

Color Information

HEX#126AA2
RGB18, 106, 162
HSL203° , 80% , 35%
HSV203° , 89% , 64%
CMYK89%, 35%, 0%, 36%

Lighter Shades

#2E7CAD #4B8EB8 #67A0C3 #84B2CF #A0C3DA #BDD5E5

Darker Shades

#105D8F #0E517B #0C4468 #093754 #072A41 #051E2D

Complementary Palette

#0F5B8B #126AA2 #8A3F0F #A14912 #AE6233 #337FAF

Analogous Palette

#218277 #248F82 #116498 #126AA2 #24308F #394493

Triadic Palette

#105D8F #126AA2 #AA096C #B4277E #6CAA09 #5F9608

Split Complementary Palette

#105F92 #126AA2 #A11223 #AA2A39 #A19012 #918210

Square Palette

#0F5988 #126AA2 #891B98 #984B1B #23A112 #46B038

Tetradic Palette

#0F5785 #126AA2 #4502B1 #A14912 #6EB102 #88BF30

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #126AA2 contains 18 red, 106 green, and 162 blue.

Contrast Ratio: 5.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1