#488298 Color

Color Information

HEX#488298
RGB72, 130, 152
HSL197° , 36% , 44%
HSV197° , 53% , 60%
CMYK53%, 14%, 0%, 40%

Lighter Shades

#5E91A4 #74A0B1 #8AAFBD #A0BEC9 #B6CDD6 #CCDCE2

Darker Shades

#3F7286 #376374 #2E5361 #25444F #1D343D #14242B

Complementary Palette

#3E7083 #488298 #84523E #995F48 #A77562 #6294A6

Analogous Palette

#587971 #5E827A #447A8F #488298 #5E6682 #6A7290

Triadic Palette

#3F7286 #488298 #A43D87 #AF5495 #87A43D #779036

Split Complementary Palette

#417589 #488298 #994859 #A35A6A #998748 #8A7A41

Square Palette

#3C6D80 #488298 #81538D #8D6453 #599948 #74A965

Tetradic Palette

#3B6B7D #488298 #5634AD #995F48 #8AAD34 #9FBC59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488298 contains 72 red, 130 green, and 152 blue.

Contrast Ratio: 4.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.97:1