#ffcc3d Color Information
In a RGB color space, hex #ffcc3d is composed of 100% red, 80% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 76.1% yellow and 0% black. It has a hue angle of 44.2 degrees, a saturation of 100% and a lightness of 62%. #ffcc3d color hex could be obtained by blending #ffff7a with #ff9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 24
-
- C 0
- M 20
- Y 76
- K 0
● #ffcc3d color description : Light orange.
#ffcc3d Color Conversion
The hexadecimal color #ffcc3d has RGB values of R:255, G:204, B:61 and CMYK values of C:0, M:0.2, Y:0.76, K:0. Its decimal value is 16763965.
Hex triplet | ffcc3d | #ffcc3d |
---|---|---|
RGB Decimal | 255, 204, 61 | rgb(255,204,61) |
RGB Percent | 100, 80, 23.9 | rgb(100%,80%,23.9%) |
CMYK | 0, 20, 76, 0 | |
HSL | 44.2°, 100, 62 | hsl(44.2,100%,62%) |
HSV (or HSB) | 44.2°, 76.1, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.373, 4.862, 73.167 |
---|---|
XYZ | 63.676, 64.786, 13.566 |
xyY | 0.448, 0.456, 64.786 |
CIE-LCH | 84.373, 73.328, 86.198 |
CIE-LUV | 84.373, 42.601, 80.587 |
Hunter-Lab | 80.49, 0.357, 46.35 |
Binary | 11111111, 11001100, 00111101 |
Color Schemes with #ffcc3d
Alternatives to #ffcc3d
Below, you can see some colors close to #ffcc3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc3d Preview
This text has a font color of #ffcc3d.
<span style="color:#ffcc3d;">Text here</span>
This paragraph has a background color of #ffcc3d.
<p style="background-color:#ffcc3d;">Content here</p>
This element has a border color of #ffcc3d.
<div style="border:1px solid #ffcc3d;">Content here</div>
.text {color:#ffcc3d;}
.background {background-color:#ffcc3d;}
.border {border:1px solid #ffcc3d;}
Shades and Tints of #ffcc3d
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, #020200 is the darkest color, while #fffaee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#161000
#161000
rgb(22,16,0)
-
#291f00
#291f00
rgb(41,31,0)
-
#3d2d00
#3d2d00
rgb(61,45,0)
-
#513b00
#513b00
rgb(81,59,0)
-
#644a00
#644a00
rgb(100,74,0)
-
#785800
#785800
rgb(120,88,0)
-
#8b6700
#8b6700
rgb(139,103,0)
-
#9f7500
#9f7500
rgb(159,117,0)
-
#b38400
#b38400
rgb(179,132,0)
-
#c69200
#c69200
rgb(198,146,0)
-
#daa100
#daa100
rgb(218,161,0)
-
#eeaf00
#eeaf00
rgb(238,175,0)
-
#ffbd02
#ffbd02
rgb(255,189,2)
-
#ffc216
#ffc216
rgb(255,194,22)
-
#ffc729
#ffc729
rgb(255,199,41)
-
#ffcc3d
#ffcc3d
rgb(255,204,61)
-
#ffd151
#ffd151
rgb(255,209,81)
-
#ffd664
#ffd664
rgb(255,214,100)
-
#ffdb78
#ffdb78
rgb(255,219,120)
-
#ffe18b
#ffe18b
rgb(255,225,139)
-
#ffe69f
#ffe69f
rgb(255,230,159)
-
#ffebb3
#ffebb3
rgb(255,235,179)
-
#fff0c6
#fff0c6
rgb(255,240,198)
-
#fff5da
#fff5da
rgb(255,245,218)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #ffcc3d
A tone is produced by adding gray to any pure hue. In this case, #a5a297 is the less saturated color, while #ffcc3d is the most saturated one.
-
#a5a297
#a5a297
rgb(165,162,151)
-
#ada58f
#ada58f
rgb(173,165,143)
-
#b4a988
#b4a988
rgb(180,169,136)
-
#bcac80
#bcac80
rgb(188,172,128)
-
#c3b079
#c3b079
rgb(195,176,121)
-
#cbb371
#cbb371
rgb(203,179,113)
-
#d2b76a
#d2b76a
rgb(210,183,106)
-
#daba62
#daba62
rgb(218,186,98)
-
#e1be5b
#e1be5b
rgb(225,190,91)
-
#e9c153
#e9c153
rgb(233,193,83)
-
#f0c54c
#f0c54c
rgb(240,197,76)
-
#f8c844
#f8c844
rgb(248,200,68)
-
#ffcc3d
#ffcc3d
rgb(255,204,61)
Color Blindness Simulator
Below, you can see how #ffcc3d 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.