#ffa156 hex color

In a RGB color space, hex #ffa156 is composed of 100% red, 63.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 66.3% yellow and 0% black. It has a hue angle of 26.6 degrees, a saturation of 100% and a lightness of 66.9%. #ffa156 color hex could be obtained by blending #ffffac with #ff4300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 63
- B 34
RGB color chart
- C 0
- M 37
- Y 66
- K 0
CMYK color chart

● #ffa156 color description : Light orange.

The hexadecimal color #ffa156 has RGB values of R:255, G:161, B:86 and CMYK values of C:0, M:0.37, Y:0.66, K:0. Its decimal value is 16752982.

Hex triplet	ffa156	`#ffa156`
RGB Decimal	255, 161, 86	`rgb(255,161,86)`
RGB Percent	100, 63.1, 33.7	`rgb(100%,63.1%,33.7%)`
CMYK	0, 37, 66, 0
HSL	26.6°, 100, 66.9	`hsl(26.6,100%,66.9%)`
HSV (or HSB)	26.6°, 66.3, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	74.461, 28.412, 52.614
XYZ	55.666, 47.426, 15.026
xyY	0.471, 0.402, 47.426
CIE-LCH	74.461, 59.796, 61.63
CIE-LUV	74.461, 73.89, 55.402
Hunter-Lab	68.866, 23.769, 35.27
Binary	11111111, 10100001, 01010110

#ffa156
```
#ffa156 rgb(255,161,86)
```
#56b4ff
```
#56b4ff rgb(86,180,255)
```

Complementary Color

#ff5660
```
#ff5660 rgb(255,86,96)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#fff656
```
#fff656 rgb(255,246,86)
```

Analogous Color

#5660ff
```
#5660ff rgb(86,96,255)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#56fff6
```
#56fff6 rgb(86,255,246)
```

Split Complementary Color

#a156ff
```
#a156ff rgb(161,86,255)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#56ffa1
```
#56ffa1 rgb(86,255,161)
```

Triadic Color

#ff56b4
```
#ff56b4 rgb(255,86,180)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#56ffa1
```
#56ffa1 rgb(86,255,161)
```
#56b4ff
```
#56b4ff rgb(86,180,255)
```

Tetradic Color

#ff760a
```
#ff760a rgb(255,118,10)
```
#ff8523
```
#ff8523 rgb(255,133,35)
```
#ff933d
```
#ff933d rgb(255,147,61)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#ffaf70
```
#ffaf70 rgb(255,175,112)
```
#ffbd89
```
#ffbd89 rgb(255,189,137)
```
#ffcca3
```
#ffcca3 rgb(255,204,163)
```

Monochromatic Color

Below, you can see some colors close to #ffa156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff7756
```
#ff7756 rgb(255,119,86)
```
#ff8556
```
#ff8556 rgb(255,133,86)
```
#ff9356
```
#ff9356 rgb(255,147,86)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#ffaf56
```
#ffaf56 rgb(255,175,86)
```
#ffbd56
```
#ffbd56 rgb(255,189,86)
```
#ffcb56
```
#ffcb56 rgb(255,203,86)
```

Similar Colors

Text with hexadecimal color #ffa156

This text has a font color of #ffa156.

<span style="color:#ffa156;">Text here</span>

#ffa156 background color

This paragraph has a background color of #ffa156.

<p style="background-color:#ffa156;">Content here</p>

#ffa156 border color

This element has a border color of #ffa156.

<div style="border:1px solid #ffa156;">Content here</div>

CSS codes

.text {color:#ffa156;}

.background {background-color:#ffa156;}

.border {border:1px solid #ffa156;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080300 is the darkest color, while #fff8f3 is the lightest one.

#080300
```
#080300 rgb(8,3,0)
```
#1b0c00
```
#1b0c00 rgb(27,12,0)
```
#2f1500
```
#2f1500 rgb(47,21,0)
```
#421d00
```
#421d00 rgb(66,29,0)
```
#562600
```
#562600 rgb(86,38,0)
```
#6a2f00
```
#6a2f00 rgb(106,47,0)
```
#7d3800
```
#7d3800 rgb(125,56,0)
```
#914000
```
#914000 rgb(145,64,0)
```
#a44900
```
#a44900 rgb(164,73,0)
```
#b85200
```
#b85200 rgb(184,82,0)
```
#cc5a00
```
#cc5a00 rgb(204,90,0)
```
#df6300
```
#df6300 rgb(223,99,0)
```
#f36c00
```
#f36c00 rgb(243,108,0)
```

Shade Color Variation

#ff7508
```
#ff7508 rgb(255,117,8)
```
#ff801b
```
#ff801b rgb(255,128,27)
```
#ff8b2f
```
#ff8b2f rgb(255,139,47)
```
#ff9642
```
#ff9642 rgb(255,150,66)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#ffac6a
```
#ffac6a rgb(255,172,106)
```
#ffb77d
```
#ffb77d rgb(255,183,125)
```
#ffc291
```
#ffc291 rgb(255,194,145)
```
#ffcda4
```
#ffcda4 rgb(255,205,164)
```
#ffd8b8
```
#ffd8b8 rgb(255,216,184)
```
#ffe2cc
```
#ffe2cc rgb(255,226,204)
```
#ffeddf
```
#ffeddf rgb(255,237,223)
```
#fff8f3
```
#fff8f3 rgb(255,248,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b1aaa4 is the less saturated color, while #ffa156 is the most saturated one.

#b1aaa4
```
#b1aaa4 rgb(177,170,164)
```
#b8a99e
```
#b8a99e rgb(184,169,158)
```
#bea897
```
#bea897 rgb(190,168,151)
```
#c5a891
```
#c5a891 rgb(197,168,145)
```
#cba78a
```
#cba78a rgb(203,167,138)
```
#d2a684
```
#d2a684 rgb(210,166,132)
```
#d8a57d
```
#d8a57d rgb(216,165,125)
```
#dfa577
```
#dfa577 rgb(223,165,119)
```
#e5a470
```
#e5a470 rgb(229,164,112)
```
#eca36a
```
#eca36a rgb(236,163,106)
```
#f2a263
```
#f2a263 rgb(242,162,99)
```
#f9a25d
```
#f9a25d rgb(249,162,93)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```

Tone Color Variation

Below, you can see how #ffa156 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b5b5b5 Achromatopsia 0.005% of the population
#c4b1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbb65 Protanopia 1% of men
#e5b25a Deuteranopia 1% of men
#ffa0a9 Tritanopia 0.001% of the population

Trichromacy

#dfb15f Protanomaly 1% of men, 0.01% of women
#eeac59 Deuteranomaly 6% of men, 0.4% of women
#ffa08b Tritanomaly 0.01% of the population

#ffa156 hex color

#ffa156 Color Information

#ffa156 Color Conversion

Color Schemes with #ffa156

Alternatives to #ffa156

#ffa156 Preview

Shades and Tints of #ffa156

Tones of #ffa156

Color Blindness Simulator