#229BA4 Color

Color Information

HEX#229BA4
RGB34, 155, 164
HSL184° , 66% , 39%
HSV184° , 79% , 64%
CMYK79%, 5%, 0%, 36%

Lighter Shades

#3DA7AF #57B3BA #72BFC5 #8CCBD0 #A7D7DB #C1E3E6

Darker Shades

#1E8890 #1A767D #166369 #125155 #0E3E42 #0A2B2E

Complementary Palette

#1D858D #229BA4 #8E251D #A52B22 #B24941 #41A9B1

Analogous Palette

#328661 #36916A #20929A #229BA4 #365D91 #4A6B96

Triadic Palette

#1E8890 #229BA4 #AF18A5 #B934B0 #A5AF18 #919A15

Split Complementary Palette

#1F8C94 #229BA4 #A5225B #AE386B #A56C22 #95611F

Square Palette

#1D828A #229BA4 #6B2C9B #9B332C #5BA522 #75B345

Tetradic Palette

#1C7F86 #229BA4 #1B10B7 #A52B22 #ACB710 #BBC43B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #229BA4 contains 34 red, 155 green, and 164 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.38:1