#48487f HTML Color

Hex Color Code #48487f
RGB Color Code rgb(72, 72, 127)
HSL Color Code hsl(240, 27.64%, 39.02%)
CMYK 0.43, 0.43, 0, 0.5
Color Group

Blue
Complement

#7f7f48
RGB (Percent) 28.24%, 28.24%, 49.8%
HSL (Decimal) 0.67, 0.28, 0.39
Type Dark / Cool

Darker | Lighter | Shades | Tones | Tints | Harmonies | How to Use | Description

Lighter than #48487f

#b2b2d4

#a8a8ce

#9e9ec8

#9494c3

#8a8abd

#8080b7

#7676b1

#6c6cab

#6262a5

#5a5a9d

#545493

#4e4e89

Darker than #48487f

#424275

#3c3c6b

#373761

#313157

#2b2b4d

#262643

#202039

#1a1a2f

#151525

#0f0f1b

#0a0a11

#040407

Shades of #48487f

#11111f

#141424

#17172a

#1b1b30

#1f1f37

#24243f

#2a2a49

#303054

#373761

#3f3f6f

Tones of #48487f

#b5b5bf

#b1b1bd

#adadba

#a8a8b7

#a2a2b4

#9b9bb0

#9393ac

#8a8aa7

#8080a1

#75759a

#686892

#595989

Tints of #48487f

#d8d8e3

#d3d3df

#cdcddb

#c6c6d6

#bebed1

#b5b5cb

#ababc4

#9f9fbc

#9292b3

#8383a9

#72729d

#5e5e8f
How to Use

Text / Font Color:
color: #48487f;

Example text using the color #48487f.

Background Color:
background-color: #48487f;

Border Color:
border-color: #48487f;

Box Shadow Color:
box-shadow: 2px 2px 4px #48487f;

Text Shadow Color:
text-shadow: 2px 2px 2px #48487f;

Example text shadow using the color #48487f.

#48487f Color Description

The #48487f HTML color code is made up of 72 Red, 72 Green, and 127 Blue. This color's complement is #7f7f48, which is the opposite on the color wheel. The hue is at 240 degrees, with a saturation value at 27.64 percent and a lightness value of 39.02 percent. Therefore, this color can be considered to be dark, and have cool color temperature. In the CMYK color model (used in the printing process), the composition is 43% Cyan, 43% Magenta, 0% Yellow, and 50% key (black). Colors that look similar, to the #48487f color, may be found within the Blue Color Codes Group.