#2F5A65 Color

Color Information

HEX#2F5A65
RGB47, 90, 101
HSL192° , 36% , 29%
HSV192° , 53% , 40%
CMYK53%, 11%, 0%, 60%

Lighter Shades

#486E77 #61828A #7A959C #93A9AF #ACBDC1 #C5D1D4

Darker Shades

#294F59 #24444D #1E3A41 #182F35 #132428 #0D191C

Complementary Palette

#284D57 #2F5A65 #573228 #653A2F #7B564C #4C717B

Analogous Palette

#39514A #3E564F #2C555F #2F5A65 #3E4556 #4C5367

Triadic Palette

#294F59 #2F5A65 #6C285E #7E4271 #5E6C28 #535F23

Split Complementary Palette

#2A515B #2F5A65 #652F3F #744452 #65552F #5B4D2A

Square Palette

#274C55 #2F5A65 #52375D #5D3E37 #3F652F #5E7E50

Tetradic Palette

#274A53 #2F5A65 #322272 #653A2F #627222 #7E8B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5A65 contains 47 red, 90 green, and 101 blue.

Contrast Ratio: 7.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.74:1