#ffcc68 Color Information
In a RGB color space, hex #ffcc68 is composed of 100% red, 80% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 59.2% yellow and 0% black. It has a hue angle of 39.7 degrees, a saturation of 100% and a lightness of 70.4%. #ffcc68 color hex could be obtained by blending #ffffd0 with #ff9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 41
-
- C 0
- M 20
- Y 59
- K 0
● #ffcc68 color description : Very light orange.
#ffcc68 Color Conversion
The hexadecimal color #ffcc68 has RGB values of R:255, G:204, B:104 and CMYK values of C:0, M:0.2, Y:0.59, K:0. Its decimal value is 16764008.
Hex triplet | ffcc68 | #ffcc68 |
---|---|---|
RGB Decimal | 255, 204, 104 | rgb(255,204,104) |
RGB Percent | 100, 80, 40.8 | rgb(100%,80%,40.8%) |
CMYK | 0, 20, 59, 0 | |
HSL | 39.7°, 100, 70.4 | hsl(39.7,100%,70.4%) |
HSV (or HSB) | 39.7°, 59.2, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.714, 7.153, 55.777 |
---|---|
XYZ | 65.332, 65.448, 22.288 |
xyY | 0.427, 0.428, 65.448 |
CIE-LCH | 84.714, 56.233, 82.692 |
CIE-LUV | 84.714, 40.487, 66.582 |
Hunter-Lab | 80.9, 2.576, 40.296 |
Binary | 11111111, 11001100, 01101000 |
Color Schemes with #ffcc68
Alternatives to #ffcc68
Below, you can see some colors close to #ffcc68. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc68 Preview
This text has a font color of #ffcc68.
<span style="color:#ffcc68;">Text here</span>
This paragraph has a background color of #ffcc68.
<p style="background-color:#ffcc68;">Content here</p>
This element has a border color of #ffcc68.
<div style="border:1px solid #ffcc68;">Content here</div>
.text {color:#ffcc68;}
.background {background-color:#ffcc68;}
.border {border:1px solid #ffcc68;}
Shades and Tints of #ffcc68
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 #fffaf1 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#1a1100
#1a1100
rgb(26,17,0)
-
#2d1e00
#2d1e00
rgb(45,30,0)
-
#412b00
#412b00
rgb(65,43,0)
-
#543800
#543800
rgb(84,56,0)
-
#684500
#684500
rgb(104,69,0)
-
#7c5200
#7c5200
rgb(124,82,0)
-
#8f5f00
#8f5f00
rgb(143,95,0)
-
#a36c00
#a36c00
rgb(163,108,0)
-
#b67900
#b67900
rgb(182,121,0)
-
#ca8600
#ca8600
rgb(202,134,0)
-
#de9300
#de9300
rgb(222,147,0)
-
#f1a000
#f1a000
rgb(241,160,0)
-
#ffab06
#ffab06
rgb(255,171,6)
-
#ffb11a
#ffb11a
rgb(255,177,26)
-
#ffb82d
#ffb82d
rgb(255,184,45)
-
#ffbf41
#ffbf41
rgb(255,191,65)
-
#ffc554
#ffc554
rgb(255,197,84)
-
#ffcc68
#ffcc68
rgb(255,204,104)
-
#ffd37c
#ffd37c
rgb(255,211,124)
-
#ffd98f
#ffd98f
rgb(255,217,143)
-
#ffe0a3
#ffe0a3
rgb(255,224,163)
-
#ffe7b6
#ffe7b6
rgb(255,231,182)
-
#ffedca
#ffedca
rgb(255,237,202)
-
#fff4de
#fff4de
rgb(255,244,222)
-
#fffaf1
#fffaf1
rgb(255,250,241)
Tones of #ffcc68
A tone is produced by adding gray to any pure hue. In this case, #b9b5ae is the less saturated color, while #ffcc68 is the most saturated one.
-
#b9b5ae
#b9b5ae
rgb(185,181,174)
-
#bfb7a8
#bfb7a8
rgb(191,183,168)
-
#c5b9a2
#c5b9a2
rgb(197,185,162)
-
#cbbb9c
#cbbb9c
rgb(203,187,156)
-
#d1bd96
#d1bd96
rgb(209,189,150)
-
#d6bf91
#d6bf91
rgb(214,191,145)
-
#dcc18b
#dcc18b
rgb(220,193,139)
-
#e2c385
#e2c385
rgb(226,195,133)
-
#e8c47f
#e8c47f
rgb(232,196,127)
-
#eec679
#eec679
rgb(238,198,121)
-
#f3c874
#f3c874
rgb(243,200,116)
-
#f9ca6e
#f9ca6e
rgb(249,202,110)
-
#ffcc68
#ffcc68
rgb(255,204,104)
Color Blindness Simulator
Below, you can see how #ffcc68 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.