#7EB2B2 Color

Color Information

HEX#7EB2B2
RGB126, 178, 178
HSL180° , 25% , 60%
HSV180° , 29% , 70%
CMYK29%, 0%, 0%, 30%

Lighter Shades

#8DBBBB #9DC4C4 #ACCECE #BCD7D7 #CBE0E0 #DBE9E9

Darker Shades

#6F9D9D #608787 #517272 #425D5D #324747 #233232

Complementary Palette

#6C9999 #7EB2B2 #9A6E6E #B38080 #BE9292 #90BDBD

Analogous Palette

#7B9D8C #8AA898 #76A7A7 #7EB2B2 #8A98A8 #92A0AF

Triadic Palette

#6F9D9D #7EB2B2 #BD75BD #C586C5 #BDBD75 #A6A667

Split Complementary Palette

#71A0A0 #7EB2B2 #B38099 #BB8DA3 #B39980 #A18A73

Square Palette

#6A9696 #7EB2B2 #988AA8 #A88A8A #99B380 #A9BF94

Tetradic Palette

#679292 #7EB2B2 #6D6DC5 #B38080 #C5C56D #CFCF87

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EB2B2 contains 126 red, 178 green, and 178 blue.

Contrast Ratio: 2.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.04:1