#ffab56 Color Information
In a RGB color space, hex #ffab56 is composed of 100% red, 67.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 66.3% yellow and 0% black. It has a hue angle of 30.2 degrees, a saturation of 100% and a lightness of 66.9%. #ffab56 color hex could be obtained by blending #ffffac with #ff5700. Closest websafe color is: #ff9966.
-
- R 100
- G 67
- B 34
-
- C 0
- M 33
- Y 66
- K 0
● #ffab56 color description : Light orange.
#ffab56 Color Conversion
The hexadecimal color #ffab56 has RGB values of R:255, G:171, B:86 and CMYK values of C:0, M:0.33, Y:0.66, K:0. Its decimal value is 16755542.
Hex triplet | ffab56 | #ffab56 |
---|---|---|
RGB Decimal | 255, 171, 86 | rgb(255,171,86) |
RGB Percent | 100, 67.1, 33.7 | rgb(100%,67.1%,33.7%) |
CMYK | 0, 33, 66, 0 | |
HSL | 30.2°, 100, 66.9 | hsl(30.2,100%,66.9%) |
HSV (or HSB) | 30.2°, 66.3, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.716, 23.198, 55.131 |
---|---|
XYZ | 57.484, 51.061, 15.632 |
xyY | 0.463, 0.411, 51.061 |
CIE-LCH | 76.716, 59.813, 67.18 |
CIE-LUV | 76.716, 66.184, 59.542 |
Hunter-Lab | 71.457, 18.544, 37.05 |
Binary | 11111111, 10101011, 01010110 |
Color Schemes with #ffab56
Alternatives to #ffab56
Below, you can see some colors close to #ffab56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffab56 Preview
This text has a font color of #ffab56.
<span style="color:#ffab56;">Text here</span>
This paragraph has a background color of #ffab56.
<p style="background-color:#ffab56;">Content here</p>
This element has a border color of #ffab56.
<div style="border:1px solid #ffab56;">Content here</div>
.text {color:#ffab56;}
.background {background-color:#ffab56;}
.border {border:1px solid #ffab56;}
Shades and Tints of #ffab56
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, #080400 is the darkest color, while #fff9f3 is the lightest one.
-
#080400
#080400
rgb(8,4,0)
-
#1b0e00
#1b0e00
rgb(27,14,0)
-
#2f1800
#2f1800
rgb(47,24,0)
-
#422100
#422100
rgb(66,33,0)
-
#562b00
#562b00
rgb(86,43,0)
-
#6a3500
#6a3500
rgb(106,53,0)
-
#7d3f00
#7d3f00
rgb(125,63,0)
-
#914900
#914900
rgb(145,73,0)
-
#a45300
#a45300
rgb(164,83,0)
-
#b85d00
#b85d00
rgb(184,93,0)
-
#cc6600
#cc6600
rgb(204,102,0)
-
#df7000
#df7000
rgb(223,112,0)
-
#f37a00
#f37a00
rgb(243,122,0)
-
#ff8408
#ff8408
rgb(255,132,8)
-
#ff8e1b
#ff8e1b
rgb(255,142,27)
-
#ff982f
#ff982f
rgb(255,152,47)
-
#ffa142
#ffa142
rgb(255,161,66)
-
#ffab56
#ffab56
rgb(255,171,86)
-
#ffb56a
#ffb56a
rgb(255,181,106)
-
#ffbe7d
#ffbe7d
rgb(255,190,125)
-
#ffc891
#ffc891
rgb(255,200,145)
-
#ffd2a4
#ffd2a4
rgb(255,210,164)
-
#ffdcb8
#ffdcb8
rgb(255,220,184)
-
#ffe5cc
#ffe5cc
rgb(255,229,204)
-
#ffefdf
#ffefdf
rgb(255,239,223)
-
#fff9f3
#fff9f3
rgb(255,249,243)
Tones of #ffab56
A tone is produced by adding gray to any pure hue. In this case, #b1aba4 is the less saturated color, while #ffab56 is the most saturated one.
-
#b1aba4
#b1aba4
rgb(177,171,164)
-
#b8ab9e
#b8ab9e
rgb(184,171,158)
-
#beab97
#beab97
rgb(190,171,151)
-
#c5ab91
#c5ab91
rgb(197,171,145)
-
#cbab8a
#cbab8a
rgb(203,171,138)
-
#d2ab84
#d2ab84
rgb(210,171,132)
-
#d8ab7d
#d8ab7d
rgb(216,171,125)
-
#dfab77
#dfab77
rgb(223,171,119)
-
#e5ab70
#e5ab70
rgb(229,171,112)
-
#ecab6a
#ecab6a
rgb(236,171,106)
-
#f2ab63
#f2ab63
rgb(242,171,99)
-
#f9ab5d
#f9ab5d
rgb(249,171,93)
-
#ffab56
#ffab56
rgb(255,171,86)
Color Blindness Simulator
Below, you can see how #ffab56 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.