#2F7A8F Color

Color Information

HEX#2F7A8F
RGB47, 122, 143
HSL193° , 51% , 37%
HSV193° , 67% , 56%
CMYK67%, 15%, 0%, 44%

Lighter Shades

#488A9C #619AAA #7AAAB7 #93BAC5 #ACCAD2 #C5DAE0

Darker Shades

#296B7E #245D6D #1E4E5C #183F4A #133139 #0D2228

Complementary Palette

#28697B #2F7A8F #7A3A28 #8E432E #9E5D4B #4C8D9F

Analogous Palette

#3C7262 #417C6B #2C7386 #2F7A8F #41527C #556182

Triadic Palette

#296B7E #2F7A8F #98257F #A43F8E #7F9825 #708621

Split Complementary Palette

#2A6E81 #2F7A8F #8E2E49 #99435B #8E732E #806829

Square Palette

#276678 #2F7A8F #6F3885 #854838 #498E2E #66A04F

Tetradic Palette

#276475 #2F7A8F #391D9F #8E432E #839F1D #99B046

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7A8F contains 47 red, 122 green, and 143 blue.

Contrast Ratio: 4.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.33:1