#3184A0 Color

Color Information

HEX	#3184A0
RGB	49, 132, 160
HSL	195° , 53% , 41%
HSV	195° , 69% , 63%
CMYK	69%, 18%, 0%, 37%

Lighter Shades

#4A93AB #62A2B7 #7BB0C2 #94BFCE #ADCED9 #C5DDE4

Darker Shades

#2B748D #25647A #1F5466 #194553 #143540 #0E252D

Complementary Palette

#2A728A #3184A0 #8A422A #A04D31 #AD664E #4E95AD

Analogous Palette

#418171 #468B7A #2E7C96 #3184A0 #46578B #596791

Triadic Palette

#2B748D #3184A0 #AA2789 #B44197 #89AA27 #799622

Split Complementary Palette

#2C7790 #3184A0 #A0314D #AA465F #A08431 #90772C

Square Palette

#296F86 #3184A0 #7F3C96 #96523C #4DA031 #69AF52

Tetradic Palette

#286C83 #3184A0 #431EB3 #A04D31 #8EB31E #A2C147

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3184A0 contains 49 red, 132 green, and 160 blue.

Contrast Ratio: 4.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.99:1