#2F6F6C Color

Color Information

HEX#2F6F6C
RGB47, 111, 108
HSL177° , 41% , 31%
HSV177° , 58% , 44%
CMYK58%, 0%, 3%, 56%

Lighter Shades

#48807E #61928F #7AA3A1 #93B4B3 #ACC5C4 #C5D7D6

Darker Shades

#29625F #245452 #1E4745 #183A38 #132C2B #0D1F1E

Complementary Palette

#285F5D #2F6F6C #5F282B #6F2F32 #834C4F #4C8381

Analogous Palette

#385646 #3E604D #2C6866 #2F6F6C #3E5160 #50606D

Triadic Palette

#29625F #2F6F6C #732777 #844187 #777327 #696522

Split Complementary Palette

#2A6461 #2F6F6C #6F2F52 #7D4463 #6F4C2F #64442A

Square Palette

#275D5B #2F6F6C #4D3768 #683739 #526F2F #6E8650

Tetradic Palette

#275B59 #2F6F6C #20257E #6F2F32 #7E7920 #959148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6F6C contains 47 red, 111 green, and 108 blue.

Contrast Ratio: 5.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1