#2EA5B2 Color

Color Information

HEX	#2EA5B2
RGB	46, 165, 178
HSL	186° , 59% , 44%
HSV	186° , 74% , 70%
CMYK	74%, 7%, 0%, 30%

Lighter Shades

#47B0BB #60BBC4 #79C5CE #92D0D7 #ABDBE0 #C4E6E9

Darker Shades

#28919D #237D87 #1D6A72 #18565D #124247 #0D2E32

Complementary Palette

#288E99 #2EA5B2 #993328 #B23B2E #BD564B #4BB2BD

Analogous Palette

#3E8E6E #449C79 #2B9BA7 #2EA5B2 #44679C #57739E

Triadic Palette

#28919D #2EA5B2 #BE23AE #C63DB8 #AEBE23 #99A71F

Split Complementary Palette

#2995A0 #2EA5B2 #B22E63 #BA4373 #B27D2E #A07129

Square Palette

#278B96 #2EA5B2 #7B39A7 #A74439 #63B22E #7CBE4F

Tetradic Palette

#268792 #2EA5B2 #2B1AC7 #B23B2E #B5C71A #C2D143

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA5B2 contains 46 red, 165 green, and 178 blue.

Contrast Ratio: 2.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.24:1