#2D7EC0 Color

Color Information

HEX#2D7EC0
RGB45, 126, 192
HSL207° , 62% , 46%
HSV207° , 77% , 75%
CMYK77%, 34%, 0%, 25%

Lighter Shades

#468DC8 #5F9DCF #79ACD7 #92BCDE #ABCBE6 #C4DBED

Darker Shades

#286FA9 #226092 #1D517B #174264 #12324D #0D2336

Complementary Palette

#276CA5 #2D7EC0 #A35F27 #BE6E2D #C7824A #4A90C9

Analogous Palette

#3E9894 #44A7A2 #2A76B4 #2D7EC0 #4449A7 #555AAA

Triadic Palette

#286FA9 #2D7EC0 #CA217E #D03C8D #7ECA21 #6FB21D

Split Complementary Palette

#2971AD #2D7EC0 #BE2D34 #C54248 #BEB72D #ABA529

Square Palette

#266AA1 #2D7EC0 #AC38B2 #B26F38 #34BE2D #54C84F

Tetradic Palette

#25679D #2D7EC0 #6C17D3 #BE6E2D #7FD317 #96DB41

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D7EC0 contains 45 red, 126 green, and 192 blue.

Contrast Ratio: 4.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.9:1