#488FA6 Color

Color Information

HEX#488FA6
RGB72, 143, 166
HSL195° , 39% , 47%
HSV195° , 57% , 65%
CMYK57%, 14%, 0%, 35%

Lighter Shades

#5E9CB1 #74AABB #8AB7C6 #A0C5D1 #B6D2DB #CCE0E6

Darker Shades

#3F7E92 #376D7E #2E5C6A #254A56 #1D3942 #14282E

Complementary Palette

#3E7B8F #488FA6 #90533F #A76049 #B37662 #629FB2

Analogous Palette

#598278 #618F83 #44869C #488FA6 #616C8F #6F7995

Triadic Palette

#3F7E92 #488FA6 #B33D95 #BC54A2 #95B33D #839E36

Split Complementary Palette

#418195 #488FA6 #A74960 #B05B70 #A78F49 #968142

Square Palette

#3C788B #488FA6 #89559B #9B6655 #60A749 #79B566

Tetradic Palette

#3B7588 #488FA6 #5634BC #A76049 #9ABC34 #ACC859

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488FA6 contains 72 red, 143 green, and 166 blue.

Contrast Ratio: 3.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.83:1