#2DA6C2 Color

Color Information

HEX#2DA6C2
RGB45, 166, 194
HSL191° , 62% , 47%
HSV191° , 77% , 76%
CMYK77%, 14%, 0%, 24%

Lighter Shades

#46B1C9 #5FBBD1 #79C6D8 #92D1DF #ABDBE7 #C4E6EE

Darker Shades

#2892AB #227E93 #1D6A7C #175665 #12424E #0D2E36

Complementary Palette

#278FA7 #2DA6C2 #A73F28 #C2492E #CB624B #4AB2CB

Analogous Palette

#409C7F #46AA8A #2A9CB6 #2DA6C2 #4665AA #5672AE

Triadic Palette

#2892AB #2DA6C2 #CE22AF #D43DB9 #AFCE22 #9AB51E

Split Complementary Palette

#2995AF #2DA6C2 #C22E5D #C8436D #C2932E #AF8429

Square Palette

#268BA3 #2DA6C2 #8F3AB6 #B6503A #5DC22E #77CC4F

Tetradic Palette

#25889F #2DA6C2 #3B18D8 #C2492E #B5D818 #C2DF42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DA6C2 contains 45 red, 166 green, and 194 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.45:1