#318AA0 Color

Color Information

HEX#318AA0
RGB49, 138, 160
HSL192° , 53% , 41%
HSV192° , 69% , 63%
CMYK69%, 14%, 0%, 37%

Lighter Shades

#4A98AB #62A6B7 #7BB4C2 #94C2CE #ADD0D9 #C5DEE4

Darker Shades

#2B798D #25697A #1F5866 #194853 #143740 #0E272D

Complementary Palette

#2A778A #318AA0 #8A3D2A #A04731 #AD614E #4E9AAD

Analogous Palette

#41816E #468B76 #2E8296 #318AA0 #465B8B #596A91

Triadic Palette

#2B798D #318AA0 #AA2790 #B4419D #90AA27 #7F9622

Split Complementary Palette

#2C7C90 #318AA0 #A03152 #AA4663 #A07F31 #90722C

Square Palette

#297486 #318AA0 #7B3C96 #964E3C #52A031 #6EAF52

Tetradic Palette

#287183 #318AA0 #3C1EB3 #A04731 #95B31E #A8C147

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #318AA0 contains 49 red, 138 green, and 160 blue.

Contrast Ratio: 3.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.34:1