#2B5F4B Color

Color Information

HEX#2B5F4B
RGB43, 95, 75
HSL157° , 38% , 27%
HSV157° , 55% , 37%
CMYK55%, 0%, 21%, 63%

Lighter Shades

#447261 #5E8576 #77998C #91ACA1 #AABFB7 #C4D2CD

Darker Shades

#265442 #214839 #1C3D30 #163127 #11261E #0C1B15

Complementary Palette

#255241 #2B5F4B #522536 #5F2B3F #75495A #497564

Analogous Palette

#354B37 #38513B #285947 #2B5F4B #384E51 #485D61

Triadic Palette

#265442 #2B5F4B #4D2466 #623E78 #664D24 #5A4420

Split Complementary Palette

#275644 #2B5F4B #5F2B59 #6F406A #5F312B #562C27

Square Palette

#24503F #2B5F4B #363258 #583240 #595F2B #74794D

Tetradic Palette

#234E3E #2B5F4B #1E3C6B #5F2B3F #6B4E1E #866E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B5F4B contains 43 red, 95 green, and 75 blue.

Contrast Ratio: 7.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1