#2D6FDB Color

Color Information

HEX#2D6FDB
RGB45, 111, 219
HSL217° , 71% , 52%
HSV217° , 79% , 86%
CMYK79%, 49%, 0%, 14%

Lighter Shades

#4680DF #5F92E4 #79A3E8 #92B4EC #ABC5F1 #C4D7F5

Darker Shades

#2862C1 #2254A6 #1D478C #173A72 #122C58 #0D1F3D

Complementary Palette

#275FBC #2D6FDB #BD8428 #DC992E #E1A74B #4A83E0

Analogous Palette

#42A6B3 #46B4C3 #2A68CE #2D6FDB #5546C3 #6356C8

Triadic Palette

#2862C1 #2D6FDB #E8216D #EB3C7F #6DE821 #60CC1D

Split Complementary Palette

#2964C5 #2D6FDB #DC422E #E05543 #C7DC2E #B3C629

Square Palette

#265DB8 #2D6FDB #CF3ABE #CF963A #2EDC42 #4FE260

Tetradic Palette

#255BB4 #2D6FDB #9E18F2 #DC992E #6BF218 #86F442

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6FDB contains 45 red, 111 green, and 219 blue.

Contrast Ratio: 4.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.42:1