#2D6BC0 Color

Color Information

HEX#2D6BC0
RGB45, 107, 192
HSL215° , 62% , 46%
HSV215° , 77% , 75%
CMYK77%, 44%, 0%, 25%

Lighter Shades

#467DC8 #5F8FCF #79A0D7 #92B2DE #ABC4E6 #C4D6ED

Darker Shades

#285EA9 #225192 #1D447B #173864 #122B4D #0D1E36

Complementary Palette

#275CA5 #2D6BC0 #A36F27 #BE812D #C7934A #4A80C9

Analogous Palette

#3E9198 #449EA7 #2A65B4 #2D6BC0 #4C44A7 #5C55AA

Triadic Palette

#285EA9 #2D6BC0 #CA2167 #D03C79 #67CA21 #5BB21D

Split Complementary Palette

#2960AD #2D6BC0 #BE392D #C54D42 #B2BE2D #A0AB29

Square Palette

#265AA1 #2D6BC0 #B238A8 #B27F38 #2DBE39 #4FC859

Tetradic Palette

#25589D #2D6BC0 #8517D3 #BE812D #66D317 #82DB41

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6BC0 contains 45 red, 107 green, and 192 blue.

Contrast Ratio: 5.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1