#488FB4 Color

Color Information

HEX#488FB4
RGB72, 143, 180
HSL201° , 43% , 49%
HSV201° , 60% , 71%
CMYK60%, 21%, 0%, 29%

Lighter Shades

#5E9CBD #74AAC6 #8AB7CF #A0C5D8 #B6D2E1 #CCE0EA

Darker Shades

#3F7E9E #376D89 #2E5C73 #254A5E #1D3948 #142832

Complementary Palette

#3E7B9B #488FB4 #9A5E3D #B36D47 #BE8161 #629FBF

Analogous Palette

#588D85 #609A91 #4486A9 #488FB4 #60699A #6E75A0

Triadic Palette

#3F7E9E #488FB4 #BF3B91 #C7539E #91BF3B #80A834

Split Complementary Palette

#4181A2 #488FB4 #B34757 #BB5968 #B3A347 #A19340

Square Palette

#3C7897 #488FB4 #9A54A6 #A67154 #57B347 #72BF64

Tetradic Palette

#3B7594 #488FB4 #6631C9 #B36D47 #94C931 #A7D356

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488FB4 contains 72 red, 143 green, and 180 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.94:1