#2E6FB2 Color

Color Information

HEX#2E6FB2
RGB46, 111, 178
HSL210° , 59% , 44%
HSV210° , 74% , 70%
CMYK74%, 38%, 0%, 30%

Lighter Shades

#4780BB #6092C4 #79A3CE #92B4D7 #ABC5E0 #C4D7E9

Darker Shades

#28629D #235487 #1D4772 #183A5D #122C47 #0D1F32

Complementary Palette

#285F99 #2E6FB2 #996028 #B2702E #BD844B #4B83BD

Analogous Palette

#3E8E8E #449C9C #2B68A7 #2E6FB2 #44449C #57579E

Triadic Palette

#28629D #2E6FB2 #BE2370 #C63D81 #70BE23 #63A71F

Split Complementary Palette

#2964A0 #2E6FB2 #B22E2E #BA4343 #B2B22E #A0A029

Square Palette

#275D96 #2E6FB2 #A739A7 #A77039 #2EB22E #4FBE4F

Tetradic Palette

#265B92 #2E6FB2 #701AC7 #B2702E #70C71A #8AD143

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6FB2 contains 46 red, 111 green, and 178 blue.

Contrast Ratio: 5.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.05:1