#2F7D8A Color

Color Information

HEX#2F7D8A
RGB47, 125, 138
HSL189° , 49% , 36%
HSV189° , 66% , 54%
CMYK66%, 9%, 0%, 46%

Lighter Shades

#488D98 #619CA6 #7AACB4 #93BBC2 #ACCBD0 #C5DBDE

Darker Shades

#296E79 #245F69 #1E5058 #184148 #133237 #0D2327

Complementary Palette

#286C77 #2F7D8A #763428 #893C2F #9A574C #4C8F9A

Analogous Palette

#3C6D5B #417664 #2C7682 #2F7D8A #415476 #55627C

Triadic Palette

#296E79 #2F7D8A #922682 #9F4091 #829226 #728021

Split Complementary Palette

#2A717C #2F7D8A #892F4E #954460 #89692F #7B5F2A

Square Palette

#276974 #2F7D8A #673880 #804338 #4E892F #6A9C50

Tetradic Palette

#276771 #2F7D8A #311E99 #893C2F #87991E #9DAB47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7D8A contains 47 red, 125 green, and 138 blue.

Contrast Ratio: 4.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.46:1