#ffcc55 Color Information
In a RGB color space, hex #ffcc55 is composed of 100% red, 80% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 66.7% yellow and 0% black. It has a hue angle of 42 degrees, a saturation of 100% and a lightness of 66.7%. #ffcc55 color hex could be obtained by blending #ffffaa with #ff9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 33
-
- C 0
- M 20
- Y 67
- K 0
● #ffcc55 color description : Light orange.
#ffcc55 Color Conversion
The hexadecimal color #ffcc55 has RGB values of R:255, G:204, B:85 and CMYK values of C:0, M:0.2, Y:0.67, K:0. Its decimal value is 16763989.
Hex triplet | ffcc55 | #ffcc55 |
---|---|---|
RGB Decimal | 255, 204, 85 | rgb(255,204,85) |
RGB Percent | 100, 80, 33.3 | rgb(100%,80%,33.3%) |
CMYK | 0, 20, 67, 0 | |
HSL | 42°, 100, 66.7 | hsl(42,100%,66.7%) |
HSV (or HSB) | 42°, 66.7, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.538, 5.971, 64.056 |
---|---|
XYZ | 64.473, 65.105, 17.764 |
xyY | 0.438, 0.442, 65.105 |
CIE-LCH | 84.538, 64.333, 84.674 |
CIE-LUV | 84.538, 41.566, 73.736 |
Hunter-Lab | 80.687, 1.428, 43.428 |
Binary | 11111111, 11001100, 01010101 |
Color Schemes with #ffcc55
Alternatives to #ffcc55
Below, you can see some colors close to #ffcc55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc55 Preview
This text has a font color of #ffcc55.
<span style="color:#ffcc55;">Text here</span>
This paragraph has a background color of #ffcc55.
<p style="background-color:#ffcc55;">Content here</p>
This element has a border color of #ffcc55.
<div style="border:1px solid #ffcc55;">Content here</div>
.text {color:#ffcc55;}
.background {background-color:#ffcc55;}
.border {border:1px solid #ffcc55;}
Shades and Tints of #ffcc55
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, #070500 is the darkest color, while #fffbf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1a1200
#1a1200
rgb(26,18,0)
-
#2e2000
#2e2000
rgb(46,32,0)
-
#412e00
#412e00
rgb(65,46,0)
-
#553c00
#553c00
rgb(85,60,0)
-
#694900
#694900
rgb(105,73,0)
-
#7c5700
#7c5700
rgb(124,87,0)
-
#906500
#906500
rgb(144,101,0)
-
#a37200
#a37200
rgb(163,114,0)
-
#b78000
#b78000
rgb(183,128,0)
-
#cb8e00
#cb8e00
rgb(203,142,0)
-
#de9c00
#de9c00
rgb(222,156,0)
-
#f2a900
#f2a900
rgb(242,169,0)
-
#ffb407
#ffb407
rgb(255,180,7)
-
#ffba1a
#ffba1a
rgb(255,186,26)
-
#ffc02e
#ffc02e
rgb(255,192,46)
-
#ffc641
#ffc641
rgb(255,198,65)
-
#ffcc55
#ffcc55
rgb(255,204,85)
-
#ffd269
#ffd269
rgb(255,210,105)
-
#ffd87c
#ffd87c
rgb(255,216,124)
-
#ffde90
#ffde90
rgb(255,222,144)
-
#ffe4a3
#ffe4a3
rgb(255,228,163)
-
#ffe9b7
#ffe9b7
rgb(255,233,183)
-
#ffefcb
#ffefcb
rgb(255,239,203)
-
#fff5de
#fff5de
rgb(255,245,222)
-
#fffbf2
#fffbf2
rgb(255,251,242)
Tones of #ffcc55
A tone is produced by adding gray to any pure hue. In this case, #b1ada3 is the less saturated color, while #ffcc55 is the most saturated one.
-
#b1ada3
#b1ada3
rgb(177,173,163)
-
#b7af9d
#b7af9d
rgb(183,175,157)
-
#beb296
#beb296
rgb(190,178,150)
-
#c4b490
#c4b490
rgb(196,180,144)
-
#cbb789
#cbb789
rgb(203,183,137)
-
#d1ba83
#d1ba83
rgb(209,186,131)
-
#d8bc7c
#d8bc7c
rgb(216,188,124)
-
#debf76
#debf76
rgb(222,191,118)
-
#e5c26f
#e5c26f
rgb(229,194,111)
-
#ebc469
#ebc469
rgb(235,196,105)
-
#f2c762
#f2c762
rgb(242,199,98)
-
#f8c95c
#f8c95c
rgb(248,201,92)
-
#ffcc55
#ffcc55
rgb(255,204,85)
Color Blindness Simulator
Below, you can see how #ffcc55 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.