#2D99C5 Color

Color Information

HEX#2D99C5
RGB45, 153, 197
HSL197° , 63% , 47%
HSV197° , 77% , 77%
CMYK77%, 22%, 0%, 23%

Lighter Shades

#46A5CC #5FB1D3 #79BEDA #92CAE1 #ABD6E8 #C4E2EF

Darker Shades

#2887AD #227496 #1D627E #175066 #123D4F #0D2B37

Complementary Palette

#2784A9 #2D99C5 #A84B26 #C3572C #CB6F4A #4AA7CD

Analogous Palette

#3F9D88 #44AB95 #2A90B9 #2D99C5 #445BAB #5569AF

Triadic Palette

#2887AD #2D99C5 #CF209E #D53BAA #9ECF20 #8BB61C

Split Complementary Palette

#298AB1 #2D99C5 #C32C4D #C9415F #C3A32C #B09328

Square Palette

#2681A5 #2D99C5 #9C38B7 #B75C38 #4DC32C #69CD4E

Tetradic Palette

#257DA2 #2D99C5 #4E17D9 #C3572C #A2D917 #B3E041

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D99C5 contains 45 red, 153 green, and 197 blue.

Contrast Ratio: 3.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.56:1