#227D96 Color

Color Information

HEX	#227D96
RGB	34, 125, 150
HSL	193° , 63% , 36%
HSV	193° , 77% , 59%
CMYK	77%, 17%, 0%, 41%

Lighter Shades

#3D8DA3 #579CAF #72ACBC #8CBBC8 #A7CBD5 #C1DBE2

Darker Shades

#1E6E84 #1A5F72 #165060 #12414E #0E323C #0A232A

Complementary Palette

#1D6C81 #227D96 #81331D #963B22 #A55641 #418FA5

Analogous Palette

#307864 #34836D #20768D #227D96 #344B83 #495B88

Triadic Palette

#1E6E84 #227D96 #9F1982 #AB3591 #829F19 #728C16

Split Complementary Palette

#1F7187 #227D96 #962243 #A13856 #967522 #87691F

Square Palette

#1D697E #227D96 #712B8C #8C402B #439622 #61A745

Tetradic Palette

#1C677B #227D96 #3211A6 #963B22 #86A611 #9CB63C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #227D96 contains 34 red, 125 green, and 150 blue.

Contrast Ratio: 4.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.48:1