#2F6A89 Color

Color Information

HEX#2F6A89
RGB47, 106, 137
HSL201° , 49% , 36%
HSV201° , 66% , 54%
CMYK66%, 23%, 0%, 46%

Lighter Shades

#487C97 #618EA5 #7AA0B3 #93B2C2 #ACC3D0 #C5D5DE

Darker Shades

#295D79 #245168 #1E4458 #183747 #132A37 #0D1E26

Complementary Palette

#285B76 #2F6A89 #764328 #894E2F #9A674C #4C7F9A

Analogous Palette

#3C6D65 #41766E #2C6481 #2F6A89 #414976 #555B7C

Triadic Palette

#295D79 #2F6A89 #92266C #9F407E #6C9226 #5F8021

Split Complementary Palette

#2A5F7B #2F6A89 #892F3C #954450 #897B2F #7B6F2A

Square Palette

#275973 #2F6A89 #753880 #805138 #3C892F #5B9C50

Tetradic Palette

#275770 #2F6A89 #491E99 #894E2F #6E991E #88AB47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6A89 contains 47 red, 106 green, and 137 blue.

Contrast Ratio: 5.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1