#ffa348 HTML Color

Hex Color Code #ffa348
RGB Color Code rgb(255, 163, 72)
HSL Color Code hsl(29.84, 100%, 64.12%)
CMYK 0, 0.36, 0.72, 0
Color Group

Orange
Complement

#48a4ff
RGB (Percent) 100%, 63.92%, 28.24%
HSL (Decimal) 0.08, 1, 0.64
Type Light / Warm

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

Lighter than #ffa348

#fffefc

#fff6ed

#ffefde

#ffe8cf

#ffe0c0

#ffd9b1

#ffd2a2

#ffca93

#ffc384

#ffbb75

#ffb366

#ffab57

Darker than #ffa348

#ff9b39

#ff932a

#ff8b1b

#ff830c

#fc7b00

#ed7400

#de6d00

#cf6500

#c05e00

#b15700

#a24f00

#934800

Shades of #ffa348

#402911

#4a2f14

#553617

#623e1b

#70471f

#815224

#945e2a

#aa6c30

#c37c37

#df8e3f

Tones of #ffa348

#d9c6b5

#dac5b1

#dcc4ad

#dec2a8

#e0c0a2

#e2be9b

#e5bc93

#e8b98a

#ebb680

#efb275

#f4ae68

#f9a959

Tints of #ffa348

#ffead8

#ffe7d3

#ffe4cd

#ffe1c6

#ffddbe

#ffd9b5

#ffd4ab

#ffce9f

#ffc792

#ffc083

#ffb872

#ffae5e
How to Use

Text / Font Color:
color: #ffa348;

Example text using the color #ffa348.

Background Color:
background-color: #ffa348;

Border Color:
border-color: #ffa348;

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

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

Example text shadow using the color #ffa348.

#ffa348 Color Description

The #ffa348 HTML color code is made up of 255 Red, 163 Green, and 72 Blue. This color's complement is #48a4ff, which is the opposite on the color wheel. The hue is at 29.84 degrees, with a saturation value at 100 percent and a lightness value of 64.12 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, 36% Magenta, 72% Yellow, and 0% key (black). Colors that look similar, to the #ffa348 color, may be found within the Orange Color Codes Group.