#ffcc96 Color Information
In a RGB color space, hex #ffcc96 is composed of 100% red, 80% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 41.2% yellow and 0% black. It has a hue angle of 30.9 degrees, a saturation of 100% and a lightness of 79.4%. #ffcc96 color hex could be obtained by blending #ffffff with #ff992d. Closest websafe color is: #ffcc99.
-
- R 100
- G 80
- B 59
-
- C 0
- M 20
- Y 41
- K 0
● #ffcc96 color description : Very light orange.
#ffcc96 Color Conversion
The hexadecimal color #ffcc96 has RGB values of R:255, G:204, B:150 and CMYK values of C:0, M:0.2, Y:0.41, K:0. Its decimal value is 16764054.
Hex triplet | ffcc96 | #ffcc96 |
---|---|---|
RGB Decimal | 255, 204, 150 | rgb(255,204,150) |
RGB Percent | 100, 80, 58.8 | rgb(100%,80%,58.8%) |
CMYK | 0, 20, 41, 0 | |
HSL | 30.9°, 100, 79.4 | hsl(30.9,100%,79.4%) |
HSV (or HSB) | 30.9°, 41.2, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 85.327, 11.176, 33.745 |
---|---|
XYZ | 68.338, 66.65, 38.118 |
xyY | 0.395, 0.385, 66.65 |
CIE-LCH | 85.327, 35.548, 71.675 |
CIE-LUV | 85.327, 36.977, 43.219 |
Hunter-Lab | 81.64, 6.547, 29.465 |
Binary | 11111111, 11001100, 10010110 |
Color Schemes with #ffcc96
Alternatives to #ffcc96
Below, you can see some colors close to #ffcc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc96 Preview
This text has a font color of #ffcc96.
<span style="color:#ffcc96;">Text here</span>
This paragraph has a background color of #ffcc96.
<p style="background-color:#ffcc96;">Content here</p>
This element has a border color of #ffcc96.
<div style="border:1px solid #ffcc96;">Content here</div>
.text {color:#ffcc96;}
.background {background-color:#ffcc96;}
.border {border:1px solid #ffcc96;}
Shades and Tints of #ffcc96
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, #0d0700 is the darkest color, while #fffcf8 is the lightest one.
-
#0d0700
#0d0700
rgb(13,7,0)
-
#201100
#201100
rgb(32,17,0)
-
#341b00
#341b00
rgb(52,27,0)
-
#482500
#482500
rgb(72,37,0)
-
#5b2f00
#5b2f00
rgb(91,47,0)
-
#6f3900
#6f3900
rgb(111,57,0)
-
#824300
#824300
rgb(130,67,0)
-
#964d00
#964d00
rgb(150,77,0)
-
#aa5700
#aa5700
rgb(170,87,0)
-
#bd6100
#bd6100
rgb(189,97,0)
-
#d16b00
#d16b00
rgb(209,107,0)
-
#e47500
#e47500
rgb(228,117,0)
-
#f88000
#f88000
rgb(248,128,0)
-
#ff890d
#ff890d
rgb(255,137,13)
-
#ff9320
#ff9320
rgb(255,147,32)
-
#ff9c34
#ff9c34
rgb(255,156,52)
-
#ffa648
#ffa648
rgb(255,166,72)
-
#ffaf5b
#ffaf5b
rgb(255,175,91)
-
#ffb96f
#ffb96f
rgb(255,185,111)
-
#ffc282
#ffc282
rgb(255,194,130)
-
#ffcc96
#ffcc96
rgb(255,204,150)
-
#ffd6aa
#ffd6aa
rgb(255,214,170)
-
#ffdfbd
#ffdfbd
rgb(255,223,189)
-
#ffe9d1
#ffe9d1
rgb(255,233,209)
-
#fff2e4
#fff2e4
rgb(255,242,228)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #ffcc96
A tone is produced by adding gray to any pure hue. In this case, #cfcbc6 is the less saturated color, while #ffcc96 is the most saturated one.
-
#cfcbc6
#cfcbc6
rgb(207,203,198)
-
#d3cbc2
#d3cbc2
rgb(211,203,194)
-
#d7cbbe
#d7cbbe
rgb(215,203,190)
-
#dbcbba
#dbcbba
rgb(219,203,186)
-
#dfcbb6
#dfcbb6
rgb(223,203,182)
-
#e3cbb2
#e3cbb2
rgb(227,203,178)
-
#e7cbae
#e7cbae
rgb(231,203,174)
-
#ebcbaa
#ebcbaa
rgb(235,203,170)
-
#efcca6
#efcca6
rgb(239,204,166)
-
#f3cca2
#f3cca2
rgb(243,204,162)
-
#f7cc9e
#f7cc9e
rgb(247,204,158)
-
#fbcc9a
#fbcc9a
rgb(251,204,154)
-
#ffcc96
#ffcc96
rgb(255,204,150)
Color Blindness Simulator
Below, you can see how #ffcc96 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.