#2E7B8E Color

Color Information

HEX#2E7B8E
RGB46, 123, 142
HSL192° , 51% , 37%
HSV192° , 68% , 56%
CMYK68%, 13%, 0%, 44%

Lighter Shades

#478B9C #609BA9 #79ABB7 #92BAC4 #ABCAD2 #C4DADF

Darker Shades

#286C7D #235D6C #1D4F5B #18404A #123139 #0D2228

Complementary Palette

#286A7A #2E7B8E #7A3828 #8E412E #9E5C4B #4B8D9E

Analogous Palette

#3C7261 #417C6B #2B7485 #2E7B8E #41537C #556282

Triadic Palette

#286C7D #2E7B8E #982581 #A43F90 #819825 #728621

Split Complementary Palette

#296F80 #2E7B8E #8E2E4B #99435D #8E722E #806729

Square Palette

#276777 #2E7B8E #6F3885 #854738 #4B8E2E #68A04F

Tetradic Palette

#266574 #2E7B8E #371D9F #8E412E #859F1D #9BB046

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E7B8E contains 46 red, 123 green, and 142 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.37:1