#ff7f50 HTML Color [Coral]

Hex Color Code #ff7f50
RGB Color Code rgb(255, 127, 80)
HSL Color Code hsl(16.11, 100%, 65.69%)
CMYK 0, 0.5, 0.69, 0
CSS Reference Name coral
Color Group

Orange
Complement

#50d0ff
Color Name Coral
RGB (Percent) 100%, 49.8%, 31.37%
HSL (Decimal) 0.04, 1, 0.66
Type Light / Warm

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

Darker than #ff7f50

#ff7441

#ff6932

#ff5e23

#ff5314

#ff4805

#f54200

#e63e00

#d73a00

#c83600

#b93200

#aa2e00

#9b2a00

Shades of #ff7f50

#381b10

#401f13

#4a2416

#552a1a

#62301e

#703723

#813f28

#94492e

#aa5435

#c3613d

#df6f46

Tones of #ff7f50

#d9bfb6

#dabdb2

#dcbaae

#deb7a9

#e0b4a3

#e2b09d

#e5ac96

#e8a78e

#eba185

#ef9a7a

#f4926e

#f98960

Tints of #ff7f50

#ffe3d9

#ffdfd4

#ffdbce

#ffd6c7

#ffd1c0

#ffcbb8

#ffc4ae

#ffbca3

#ffb396

#ffa988

#ff9d78

#ff8f65
How to Use

Text / Font Color:
color: #ff7f50;

Example text using the color #ff7f50.

Background Color:
background-color: #ff7f50;

Border Color:
border-color: #ff7f50;

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

Text Shadow Color:
text-shadow: 2px 2px 2px #ff7f50;

Example text shadow using the color #ff7f50.

#ff7f50 Color Description

The #ff7f50 HTML color code is made up of 255 Red, 127 Green, and 80 Blue. This color could be named as Coral. This color's complement is #50d0ff, which is the opposite on the color wheel. The hue is at 16.11 degrees, with a saturation value at 100 percent and a lightness value of 65.69 percent. Therefore, this color can be considered to be light, and have warm color temperature. In the CMYK color model (used in the printing process), the composition is 0% Cyan, 50% Magenta, 69% Yellow, and 0% key (black). Colors that look similar, to the #ff7f50 color, may be found within the Orange Color Codes Group.

Note: Color names are subjective, therefore, a single name could potentially represent a multitude of hex color values.