#ffcc7c Color Information
In a RGB color space, hex #ffcc7c is composed of 100% red, 80% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 51.4% yellow and 0% black. It has a hue angle of 36.6 degrees, a saturation of 100% and a lightness of 74.3%. #ffcc7c color hex could be obtained by blending #fffff8 with #ff9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 49
-
- C 0
- M 20
- Y 51
- K 0
● #ffcc7c color description : Very light orange.
#ffcc7c Color Conversion
The hexadecimal color #ffcc7c has RGB values of R:255, G:204, B:124 and CMYK values of C:0, M:0.2, Y:0.51, K:0. Its decimal value is 16764028.
Hex triplet | ffcc7c | #ffcc7c |
---|---|---|
RGB Decimal | 255, 204, 124 | rgb(255,204,124) |
RGB Percent | 100, 80, 48.6 | rgb(100%,80%,48.6%) |
CMYK | 0, 20, 51, 0 | |
HSL | 36.6°, 100, 74.3 | hsl(36.6,100%,74.3%) |
HSV (or HSB) | 36.6°, 51.4, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.947, 8.697, 46.431 |
---|---|
XYZ | 66.471, 65.904, 28.287 |
xyY | 0.414, 0.41, 65.904 |
CIE-LCH | 84.947, 47.238, 79.39 |
CIE-LUV | 84.947, 39.11, 57.432 |
Hunter-Lab | 81.181, 4.089, 36.167 |
Binary | 11111111, 11001100, 01111100 |
Color Schemes with #ffcc7c
Alternatives to #ffcc7c
Below, you can see some colors close to #ffcc7c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc7c Preview
This text has a font color of #ffcc7c.
<span style="color:#ffcc7c;">Text here</span>
This paragraph has a background color of #ffcc7c.
<p style="background-color:#ffcc7c;">Content here</p>
This element has a border color of #ffcc7c.
<div style="border:1px solid #ffcc7c;">Content here</div>
.text {color:#ffcc7c;}
.background {background-color:#ffcc7c;}
.border {border:1px solid #ffcc7c;}
Shades and Tints of #ffcc7c
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, #060400 is the darkest color, while #fffaf2 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#1a1000
#1a1000
rgb(26,16,0)
-
#2e1c00
#2e1c00
rgb(46,28,0)
-
#412800
#412800
rgb(65,40,0)
-
#553400
#553400
rgb(85,52,0)
-
#684000
#684000
rgb(104,64,0)
-
#7c4c00
#7c4c00
rgb(124,76,0)
-
#905800
#905800
rgb(144,88,0)
-
#a36400
#a36400
rgb(163,100,0)
-
#b77000
#b77000
rgb(183,112,0)
-
#ca7c00
#ca7c00
rgb(202,124,0)
-
#de8800
#de8800
rgb(222,136,0)
-
#f29400
#f29400
rgb(242,148,0)
-
#ff9e06
#ff9e06
rgb(255,158,6)
-
#ffa61a
#ffa61a
rgb(255,166,26)
-
#ffad2e
#ffad2e
rgb(255,173,46)
-
#ffb541
#ffb541
rgb(255,181,65)
-
#ffbd55
#ffbd55
rgb(255,189,85)
-
#ffc468
#ffc468
rgb(255,196,104)
-
#ffcc7c
#ffcc7c
rgb(255,204,124)
-
#ffd490
#ffd490
rgb(255,212,144)
-
#ffdba3
#ffdba3
rgb(255,219,163)
-
#ffe3b7
#ffe3b7
rgb(255,227,183)
-
#ffebca
#ffebca
rgb(255,235,202)
-
#fff2de
#fff2de
rgb(255,242,222)
-
#fffaf2
#fffaf2
rgb(255,250,242)
Tones of #ffcc7c
A tone is produced by adding gray to any pure hue. In this case, #c3bfb8 is the less saturated color, while #ffcc7c is the most saturated one.
-
#c3bfb8
#c3bfb8
rgb(195,191,184)
-
#c8c0b3
#c8c0b3
rgb(200,192,179)
-
#cdc1ae
#cdc1ae
rgb(205,193,174)
-
#d2c2a9
#d2c2a9
rgb(210,194,169)
-
#d7c3a4
#d7c3a4
rgb(215,195,164)
-
#dcc49f
#dcc49f
rgb(220,196,159)
-
#e1c59a
#e1c59a
rgb(225,197,154)
-
#e6c695
#e6c695
rgb(230,198,149)
-
#ebc890
#ebc890
rgb(235,200,144)
-
#f0c98b
#f0c98b
rgb(240,201,139)
-
#f5ca86
#f5ca86
rgb(245,202,134)
-
#facb81
#facb81
rgb(250,203,129)
-
#ffcc7c
#ffcc7c
rgb(255,204,124)
Color Blindness Simulator
Below, you can see how #ffcc7c 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.