#ffcc9e Color Information
In a RGB color space, hex #ffcc9e is composed of 100% red, 80% green and 62% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 38% yellow and 0% black. It has a hue angle of 28.5 degrees, a saturation of 100% and a lightness of 81%. #ffcc9e color hex could be obtained by blending #ffffff with #ff993d. Closest websafe color is: #ffcc99.
-
- R 100
- G 80
- B 62
-
- C 0
- M 20
- Y 38
- K 0
● #ffcc9e color description : Pale orange.
#ffcc9e Color Conversion
The hexadecimal color #ffcc9e has RGB values of R:255, G:204, B:158 and CMYK values of C:0, M:0.2, Y:0.38, K:0. Its decimal value is 16764062.
Hex triplet | ffcc9e | #ffcc9e |
---|---|---|
RGB Decimal | 255, 204, 158 | rgb(255,204,158) |
RGB Percent | 100, 80, 62 | rgb(100%,80%,62%) |
CMYK | 0, 20, 38, 0 | |
HSL | 28.5°, 100, 81 | hsl(28.5,100%,81%) |
HSV (or HSB) | 28.5°, 38, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 85.462, 12.046, 29.778 |
---|---|
XYZ | 69.004, 66.917, 41.627 |
xyY | 0.389, 0.377, 66.917 |
CIE-LCH | 85.462, 32.122, 67.975 |
CIE-LUV | 85.462, 36.25, 38.362 |
Hunter-Lab | 81.803, 7.418, 27.091 |
Binary | 11111111, 11001100, 10011110 |
Color Schemes with #ffcc9e
Alternatives to #ffcc9e
Below, you can see some colors close to #ffcc9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc9e Preview
This text has a font color of #ffcc9e.
<span style="color:#ffcc9e;">Text here</span>
This paragraph has a background color of #ffcc9e.
<p style="background-color:#ffcc9e;">Content here</p>
This element has a border color of #ffcc9e.
<div style="border:1px solid #ffcc9e;">Content here</div>
.text {color:#ffcc9e;}
.background {background-color:#ffcc9e;}
.border {border:1px solid #ffcc9e;}
Shades and Tints of #ffcc9e
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, #010100 is the darkest color, while #fff5ec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150a00
#150a00
rgb(21,10,0)
-
#281300
#281300
rgb(40,19,0)
-
#3c1c00
#3c1c00
rgb(60,28,0)
-
#502600
#502600
rgb(80,38,0)
-
#632f00
#632f00
rgb(99,47,0)
-
#773800
#773800
rgb(119,56,0)
-
#8a4200
#8a4200
rgb(138,66,0)
-
#9e4b00
#9e4b00
rgb(158,75,0)
-
#b25400
#b25400
rgb(178,84,0)
-
#c55e00
#c55e00
rgb(197,94,0)
-
#d96700
#d96700
rgb(217,103,0)
-
#ec7000
#ec7000
rgb(236,112,0)
-
#ff7901
#ff7901
rgb(255,121,1)
-
#ff8415
#ff8415
rgb(255,132,21)
-
#ff8e28
#ff8e28
rgb(255,142,40)
-
#ff983c
#ff983c
rgb(255,152,60)
-
#ffa350
#ffa350
rgb(255,163,80)
-
#ffad63
#ffad63
rgb(255,173,99)
-
#ffb777
#ffb777
rgb(255,183,119)
-
#ffc28a
#ffc28a
rgb(255,194,138)
-
#ffcc9e
#ffcc9e
rgb(255,204,158)
-
#ffd6b2
#ffd6b2
rgb(255,214,178)
-
#ffe1c5
#ffe1c5
rgb(255,225,197)
-
#ffebd9
#ffebd9
rgb(255,235,217)
-
#fff5ec
#fff5ec
rgb(255,245,236)
Tones of #ffcc9e
A tone is produced by adding gray to any pure hue. In this case, #d2cecb is the less saturated color, while #ffcc9e is the most saturated one.
-
#d2cecb
#d2cecb
rgb(210,206,203)
-
#d6cec7
#d6cec7
rgb(214,206,199)
-
#dacec3
#dacec3
rgb(218,206,195)
-
#ddcec0
#ddcec0
rgb(221,206,192)
-
#e1cebc
#e1cebc
rgb(225,206,188)
-
#e5cdb8
#e5cdb8
rgb(229,205,184)
-
#e9cdb4
#e9cdb4
rgb(233,205,180)
-
#eccdb1
#eccdb1
rgb(236,205,177)
-
#f0cdad
#f0cdad
rgb(240,205,173)
-
#f4cda9
#f4cda9
rgb(244,205,169)
-
#f8cca5
#f8cca5
rgb(248,204,165)
-
#fbcca2
#fbcca2
rgb(251,204,162)
-
#ffcc9e
#ffcc9e
rgb(255,204,158)
Color Blindness Simulator
Below, you can see how #ffcc9e 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.