#ffcc97 Color Information
In a RGB color space, hex #ffcc97 is composed of 100% red, 80% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 40.8% yellow and 0% black. It has a hue angle of 30.6 degrees, a saturation of 100% and a lightness of 79.6%. #ffcc97 color hex could be obtained by blending #ffffff with #ff992f. Closest websafe color is: #ffcc99.
-
- R 100
- G 80
- B 59
-
- C 0
- M 20
- Y 41
- K 0
● #ffcc97 color description : Very light orange.
#ffcc97 Color Conversion
The hexadecimal color #ffcc97 has RGB values of R:255, G:204, B:151 and CMYK values of C:0, M:0.2, Y:0.41, K:0. Its decimal value is 16764055.
Hex triplet | ffcc97 | #ffcc97 |
---|---|---|
RGB Decimal | 255, 204, 151 | rgb(255,204,151) |
RGB Percent | 100, 80, 59.2 | rgb(100%,80%,59.2%) |
CMYK | 0, 20, 41, 0 | |
HSL | 30.6°, 100, 79.6 | hsl(30.6,100%,79.6%) |
HSV (or HSB) | 30.6°, 40.8, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 85.343, 11.282, 33.25 |
---|---|
XYZ | 68.419, 66.683, 38.544 |
xyY | 0.394, 0.384, 66.683 |
CIE-LCH | 85.343, 35.112, 71.257 |
CIE-LUV | 85.343, 36.888, 42.623 |
Hunter-Lab | 81.659, 6.653, 29.176 |
Binary | 11111111, 11001100, 10010111 |
Color Schemes with #ffcc97
Alternatives to #ffcc97
Below, you can see some colors close to #ffcc97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc97 Preview
This text has a font color of #ffcc97.
<span style="color:#ffcc97;">Text here</span>
This paragraph has a background color of #ffcc97.
<p style="background-color:#ffcc97;">Content here</p>
This element has a border color of #ffcc97.
<div style="border:1px solid #ffcc97;">Content here</div>
.text {color:#ffcc97;}
.background {background-color:#ffcc97;}
.border {border:1px solid #ffcc97;}
Shades and Tints of #ffcc97
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, #0e0700 is the darkest color, while #fffcf9 is the lightest one.
-
#0e0700
#0e0700
rgb(14,7,0)
-
#211100
#211100
rgb(33,17,0)
-
#351b00
#351b00
rgb(53,27,0)
-
#492500
#492500
rgb(73,37,0)
-
#5c2f00
#5c2f00
rgb(92,47,0)
-
#703900
#703900
rgb(112,57,0)
-
#834300
#834300
rgb(131,67,0)
-
#974d00
#974d00
rgb(151,77,0)
-
#ab5700
#ab5700
rgb(171,87,0)
-
#be6100
#be6100
rgb(190,97,0)
-
#d26b00
#d26b00
rgb(210,107,0)
-
#e57500
#e57500
rgb(229,117,0)
-
#f97f00
#f97f00
rgb(249,127,0)
-
#ff890e
#ff890e
rgb(255,137,14)
-
#ff9221
#ff9221
rgb(255,146,33)
-
#ff9c35
#ff9c35
rgb(255,156,53)
-
#ffa649
#ffa649
rgb(255,166,73)
-
#ffaf5c
#ffaf5c
rgb(255,175,92)
-
#ffb970
#ffb970
rgb(255,185,112)
-
#ffc283
#ffc283
rgb(255,194,131)
-
#ffcc97
#ffcc97
rgb(255,204,151)
-
#ffd6ab
#ffd6ab
rgb(255,214,171)
-
#ffdfbe
#ffdfbe
rgb(255,223,190)
-
#ffe9d2
#ffe9d2
rgb(255,233,210)
-
#fff2e5
#fff2e5
rgb(255,242,229)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #ffcc97
A tone is produced by adding gray to any pure hue. In this case, #cfcbc7 is the less saturated color, while #ffcc97 is the most saturated one.
-
#cfcbc7
#cfcbc7
rgb(207,203,199)
-
#d3cbc3
#d3cbc3
rgb(211,203,195)
-
#d7cbbf
#d7cbbf
rgb(215,203,191)
-
#dbcbbb
#dbcbbb
rgb(219,203,187)
-
#dfcbb7
#dfcbb7
rgb(223,203,183)
-
#e3cbb3
#e3cbb3
rgb(227,203,179)
-
#e7ccaf
#e7ccaf
rgb(231,204,175)
-
#ebccab
#ebccab
rgb(235,204,171)
-
#efcca7
#efcca7
rgb(239,204,167)
-
#f3cca3
#f3cca3
rgb(243,204,163)
-
#f7cc9f
#f7cc9f
rgb(247,204,159)
-
#fbcc9b
#fbcc9b
rgb(251,204,155)
-
#ffcc97
#ffcc97
rgb(255,204,151)
Color Blindness Simulator
Below, you can see how #ffcc97 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.