#ffcc7b Color Information
In a RGB color space, hex #ffcc7b is composed of 100% red, 80% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 51.8% yellow and 0% black. It has a hue angle of 36.8 degrees, a saturation of 100% and a lightness of 74.1%. #ffcc7b color hex could be obtained by blending #fffff6 with #ff9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 48
-
- C 0
- M 20
- Y 52
- K 0
● #ffcc7b color description : Very light orange.
#ffcc7b Color Conversion
The hexadecimal color #ffcc7b has RGB values of R:255, G:204, B:123 and CMYK values of C:0, M:0.2, Y:0.52, K:0. Its decimal value is 16764027.
Hex triplet | ffcc7b | #ffcc7b |
---|---|---|
RGB Decimal | 255, 204, 123 | rgb(255,204,123) |
RGB Percent | 100, 80, 48.2 | rgb(100%,80%,48.2%) |
CMYK | 0, 20, 52, 0 | |
HSL | 36.8°, 100, 74.1 | hsl(36.8,100%,74.1%) |
HSV (or HSB) | 36.8°, 51.8, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.934, 8.613, 46.909 |
---|---|
XYZ | 66.408, 65.879, 27.956 |
xyY | 0.414, 0.411, 65.879 |
CIE-LCH | 84.934, 47.693, 79.596 |
CIE-LUV | 84.934, 39.185, 57.928 |
Hunter-Lab | 81.166, 4.006, 36.395 |
Binary | 11111111, 11001100, 01111011 |
Color Schemes with #ffcc7b
Alternatives to #ffcc7b
Below, you can see some colors close to #ffcc7b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc7b Preview
This text has a font color of #ffcc7b.
<span style="color:#ffcc7b;">Text here</span>
This paragraph has a background color of #ffcc7b.
<p style="background-color:#ffcc7b;">Content here</p>
This element has a border color of #ffcc7b.
<div style="border:1px solid #ffcc7b;">Content here</div>
.text {color:#ffcc7b;}
.background {background-color:#ffcc7b;}
.border {border:1px solid #ffcc7b;}
Shades and Tints of #ffcc7b
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, #050300 is the darkest color, while #fff9f1 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#190f00
#190f00
rgb(25,15,0)
-
#2d1b00
#2d1b00
rgb(45,27,0)
-
#402700
#402700
rgb(64,39,0)
-
#543300
#543300
rgb(84,51,0)
-
#673f00
#673f00
rgb(103,63,0)
-
#7b4b00
#7b4b00
rgb(123,75,0)
-
#8f5800
#8f5800
rgb(143,88,0)
-
#a26400
#a26400
rgb(162,100,0)
-
#b67000
#b67000
rgb(182,112,0)
-
#c97c00
#c97c00
rgb(201,124,0)
-
#dd8800
#dd8800
rgb(221,136,0)
-
#f19400
#f19400
rgb(241,148,0)
-
#ff9f05
#ff9f05
rgb(255,159,5)
-
#ffa619
#ffa619
rgb(255,166,25)
-
#ffae2d
#ffae2d
rgb(255,174,45)
-
#ffb540
#ffb540
rgb(255,181,64)
-
#ffbd54
#ffbd54
rgb(255,189,84)
-
#ffc467
#ffc467
rgb(255,196,103)
-
#ffcc7b
#ffcc7b
rgb(255,204,123)
-
#ffd48f
#ffd48f
rgb(255,212,143)
-
#ffdba2
#ffdba2
rgb(255,219,162)
-
#ffe3b6
#ffe3b6
rgb(255,227,182)
-
#ffeac9
#ffeac9
rgb(255,234,201)
-
#fff2dd
#fff2dd
rgb(255,242,221)
-
#fff9f1
#fff9f1
rgb(255,249,241)
Tones of #ffcc7b
A tone is produced by adding gray to any pure hue. In this case, #c2beb8 is the less saturated color, while #ffcc7b is the most saturated one.
-
#c2beb8
#c2beb8
rgb(194,190,184)
-
#c7bfb3
#c7bfb3
rgb(199,191,179)
-
#ccc0ae
#ccc0ae
rgb(204,192,174)
-
#d1c2a9
#d1c2a9
rgb(209,194,169)
-
#d6c3a4
#d6c3a4
rgb(214,195,164)
-
#dbc49f
#dbc49f
rgb(219,196,159)
-
#e1c599
#e1c599
rgb(225,197,153)
-
#e6c694
#e6c694
rgb(230,198,148)
-
#ebc78f
#ebc78f
rgb(235,199,143)
-
#f0c98a
#f0c98a
rgb(240,201,138)
-
#f5ca85
#f5ca85
rgb(245,202,133)
-
#facb80
#facb80
rgb(250,203,128)
-
#ffcc7b
#ffcc7b
rgb(255,204,123)
Color Blindness Simulator
Below, you can see how #ffcc7b 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.