#227164 Color

Color Information

HEX#227164
RGB34, 113, 100
HSL170° , 54% , 29%
HSV170° , 70% , 44%
CMYK70%, 0%, 12%, 56%

Lighter Shades

#3D8277 #579389 #72A49C #8CB5AE #A7C6C1 #C1D7D4

Darker Shades

#1E6358 #1A564C #164840 #123B34 #0E2D28 #0A201C

Complementary Palette

#1D6156 #227164 #621D28 #72222F #86414C #41857A

Analogous Palette

#2D5C3D #316342 #206A5E #227164 #315263 #475F6C

Triadic Palette

#1E6358 #227164 #6A1B79 #7C3689 #796A1B #6A5D18

Split Complementary Palette

#1F665A #227164 #722257 #803868 #723D22 #67371F

Square Palette

#1D5F54 #227164 #3F296A #6A2934 #577222 #728945

Tetradic Palette

#1C5D52 #227164 #15267F #72222F #7F6D15 #96873F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #227164 contains 34 red, 113 green, and 100 blue.

Contrast Ratio: 5.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1