#2E6BD4 Color

Color Information

HEX#2E6BD4
RGB46, 107, 212
HSL218° , 66% , 51%
HSV218° , 78% , 83%
CMYK78%, 50%, 0%, 17%

Lighter Shades

#477DD9 #608FDE #79A0E3 #92B2E9 #ABC4EE #C4D6F3

Darker Shades

#285EBB #2351A1 #1D4488 #18386E #122B55 #0D1E3B

Complementary Palette

#285CB6 #2E6BD4 #B78329 #D59830 #DBA64D #4B80DA

Analogous Palette

#449EAB #49ACBC #2B65C7 #2E6BD4 #5849BC #6657C1

Triadic Palette

#285EBB #2E6BD4 #E12369 #E53D7B #69E123 #5CC61F

Split Complementary Palette

#2960BF #2E6BD4 #D54630 #D95945 #BFD530 #ACC02B

Square Palette

#275AB2 #2E6BD4 #C83CB5 #C8953C #30D546 #51DC64

Tetradic Palette

#2658AE #2E6BD4 #9E19EB #D59830 #66EB19 #82EF42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6BD4 contains 46 red, 107 green, and 212 blue.

Contrast Ratio: 5.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.18:1