#488BBA Color

Color Information

HEX#488BBA
RGB72, 139, 186
HSL205° , 45% , 51%
HSV205° , 61% , 73%
CMYK61%, 25%, 0%, 27%

Lighter Shades

#5E99C2 #74A7CB #8AB5D3 #A0C3DB #B6D1E3 #CCDFEC

Darker Shades

#3F7AA4 #376A8D #2E5977 #254861 #1D384A #142734

Complementary Palette

#3E78A0 #488BBA #A06840 #BA794A #C48C63 #629BC4

Analogous Palette

#5C938F #63A19C #4483AF #488BBA #6368A1 #7074A9

Triadic Palette

#3F7AA4 #488BBA #C73D8E #CE549C #8EC73D #7DAF36

Split Complementary Palette

#417DA7 #488BBA #BA4A53 #C15C64 #BAB14A #A79F43

Square Palette

#3C759C #488BBA #A656AE #AE7B56 #53BA4A #6FC567

Tetradic Palette

#3B7299 #488BBA #7533D1 #BA794A #8FD133 #A3D958

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488BBA contains 72 red, 139 green, and 186 blue.

Contrast Ratio: 3.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.75:1