#2D4E4A Color

Color Information

HEX#2D4E4A
RGB45, 78, 74
HSL173° , 27% , 24%
HSV173° , 42% , 31%
CMYK42%, 0%, 5%, 69%

Lighter Shades

#466360 #5F7875 #798E8B #92A3A1 #ABB8B7 #C4CDCC

Darker Shades

#284541 #223B38 #1D322F #172926 #121F1E #0D1615

Complementary Palette

#274340 #2D4E4A #43272A #4E2D31 #674A4E #4A6763

Analogous Palette

#304136 #34463B #2A4946 #2D4E4A #343F46 #414F58

Triadic Palette

#284541 #2D4E4A #4F2754 #644169 #544F27 #4A4622

Split Complementary Palette

#294643 #2D4E4A #4E2D41 #604254 #4E392D #463329

Square Palette

#26423E #2D4E4A #3A3348 #483335 #414E2D #5F6A4F

Tetradic Palette

#25403D #2D4E4A #222859 #4E2D31 #595222 #77714A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4E4A contains 45 red, 78 green, and 74 blue.

Contrast Ratio: 9.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.24:1