#225C5D Color

Color Information

HEX#225C5D
RGB34, 92, 93
HSL181° , 46% , 25%
HSV181° , 63% , 36%
CMYK63%, 1%, 0%, 64%

Lighter Shades

#3D7070 #578384 #729797 #8CAAAB #A7BEBE #C1D1D2

Darker Shades

#1E5152 #1A4647 #163B3C #123030 #0E2525 #0A1A1A

Complementary Palette

#1D4F50 #225C5D #501E1D #5D2322 #744241 #417374

Analogous Palette

#2B4A3C #2F5041 #205657 #225C5D #2F3F50 #434F5B

Triadic Palette

#1E5152 #225C5D #631C62 #763775 #62631C #565719

Split Complementary Palette

#1F5354 #225C5D #5D223F #6D3852 #5D4122 #543B1F

Square Palette

#1D4D4E #225C5D #412957 #572A29 #3F5D22 #5E7745

Tetradic Palette

#1C4B4C #225C5D #181769 #5D2322 #676917 #828441

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225C5D contains 34 red, 92 green, and 93 blue.

Contrast Ratio: 7.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.73:1