#ffc556 Color Information
In a RGB color space, hex #ffc556 is composed of 100% red, 77.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.7% magenta, 66.3% yellow and 0% black. It has a hue angle of 39.4 degrees, a saturation of 100% and a lightness of 66.9%. #ffc556 color hex could be obtained by blending #ffffac with #ff8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 34
-
- C 0
- M 23
- Y 66
- K 0
● #ffc556 color description : Light orange.
#ffc556 Color Conversion
The hexadecimal color #ffc556 has RGB values of R:255, G:197, B:86 and CMYK values of C:0, M:0.23, Y:0.66, K:0. Its decimal value is 16762198.
Hex triplet | ffc556 | #ffc556 |
---|---|---|
RGB Decimal | 255, 197, 86 | rgb(255,197,86) |
RGB Percent | 100, 77.3, 33.7 | rgb(100%,77.3%,33.7%) |
CMYK | 0, 23, 66, 0 | |
HSL | 39.4°, 100, 66.9 | hsl(39.4,100%,66.9%) |
HSV (or HSB) | 39.4°, 66.3, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.843, 9.643, 61.818 |
---|---|
XYZ | 62.887, 61.868, 17.433 |
xyY | 0.442, 0.435, 61.868 |
CIE-LCH | 82.843, 62.565, 81.134 |
CIE-LUV | 82.843, 46.623, 70.448 |
Hunter-Lab | 78.656, 5.066, 41.918 |
Binary | 11111111, 11000101, 01010110 |
Color Schemes with #ffc556
Alternatives to #ffc556
Below, you can see some colors close to #ffc556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc556 Preview
This text has a font color of #ffc556.
<span style="color:#ffc556;">Text here</span>
This paragraph has a background color of #ffc556.
<p style="background-color:#ffc556;">Content here</p>
This element has a border color of #ffc556.
<div style="border:1px solid #ffc556;">Content here</div>
.text {color:#ffc556;}
.background {background-color:#ffc556;}
.border {border:1px solid #ffc556;}
Shades and Tints of #ffc556
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, #080500 is the darkest color, while #fffbf3 is the lightest one.
-
#080500
#080500
rgb(8,5,0)
-
#1b1200
#1b1200
rgb(27,18,0)
-
#2f1f00
#2f1f00
rgb(47,31,0)
-
#422c00
#422c00
rgb(66,44,0)
-
#563800
#563800
rgb(86,56,0)
-
#6a4500
#6a4500
rgb(106,69,0)
-
#7d5200
#7d5200
rgb(125,82,0)
-
#915f00
#915f00
rgb(145,95,0)
-
#a46c00
#a46c00
rgb(164,108,0)
-
#b87900
#b87900
rgb(184,121,0)
-
#cc8600
#cc8600
rgb(204,134,0)
-
#df9300
#df9300
rgb(223,147,0)
-
#f3a000
#f3a000
rgb(243,160,0)
-
#ffaa08
#ffaa08
rgb(255,170,8)
-
#ffb11b
#ffb11b
rgb(255,177,27)
-
#ffb82f
#ffb82f
rgb(255,184,47)
-
#ffbe42
#ffbe42
rgb(255,190,66)
-
#ffc556
#ffc556
rgb(255,197,86)
-
#ffcc6a
#ffcc6a
rgb(255,204,106)
-
#ffd27d
#ffd27d
rgb(255,210,125)
-
#ffd991
#ffd991
rgb(255,217,145)
-
#ffe0a4
#ffe0a4
rgb(255,224,164)
-
#ffe7b8
#ffe7b8
rgb(255,231,184)
-
#ffedcc
#ffedcc
rgb(255,237,204)
-
#fff4df
#fff4df
rgb(255,244,223)
-
#fffbf3
#fffbf3
rgb(255,251,243)
Tones of #ffc556
A tone is produced by adding gray to any pure hue. In this case, #b1ada4 is the less saturated color, while #ffc556 is the most saturated one.
-
#b1ada4
#b1ada4
rgb(177,173,164)
-
#b8af9e
#b8af9e
rgb(184,175,158)
-
#beb197
#beb197
rgb(190,177,151)
-
#c5b391
#c5b391
rgb(197,179,145)
-
#cbb58a
#cbb58a
rgb(203,181,138)
-
#d2b784
#d2b784
rgb(210,183,132)
-
#d8b97d
#d8b97d
rgb(216,185,125)
-
#dfbb77
#dfbb77
rgb(223,187,119)
-
#e5bd70
#e5bd70
rgb(229,189,112)
-
#ecbf6a
#ecbf6a
rgb(236,191,106)
-
#f2c163
#f2c163
rgb(242,193,99)
-
#f9c35d
#f9c35d
rgb(249,195,93)
-
#ffc556
#ffc556
rgb(255,197,86)
Color Blindness Simulator
Below, you can see how #ffc556 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.