#ffcc3c Color Information
In a RGB color space, hex #ffcc3c is composed of 100% red, 80% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 76.5% yellow and 0% black. It has a hue angle of 44.3 degrees, a saturation of 100% and a lightness of 61.8%. #ffcc3c color hex could be obtained by blending #ffff78 with #ff9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 24
-
- C 0
- M 20
- Y 76
- K 0
● #ffcc3c color description : Light orange.
#ffcc3c Color Conversion
The hexadecimal color #ffcc3c has RGB values of R:255, G:204, B:60 and CMYK values of C:0, M:0.2, Y:0.76, K:0. Its decimal value is 16763964.
Hex triplet | ffcc3c | #ffcc3c |
---|---|---|
RGB Decimal | 255, 204, 60 | rgb(255,204,60) |
RGB Percent | 100, 80, 23.5 | rgb(100%,80%,23.5%) |
CMYK | 0, 20, 76, 0 | |
HSL | 44.3°, 100, 61.8 | hsl(44.3,100%,61.8%) |
HSV (or HSB) | 44.3°, 76.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.368, 4.824, 73.503 |
---|---|
XYZ | 63.649, 64.775, 13.425 |
xyY | 0.449, 0.457, 64.775 |
CIE-LCH | 84.368, 73.662, 86.245 |
CIE-LUV | 84.368, 42.637, 80.82 |
Hunter-Lab | 80.483, 0.321, 46.448 |
Binary | 11111111, 11001100, 00111100 |
Color Schemes with #ffcc3c
Alternatives to #ffcc3c
Below, you can see some colors close to #ffcc3c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc3c Preview
This text has a font color of #ffcc3c.
<span style="color:#ffcc3c;">Text here</span>
This paragraph has a background color of #ffcc3c.
<p style="background-color:#ffcc3c;">Content here</p>
This element has a border color of #ffcc3c.
<div style="border:1px solid #ffcc3c;">Content here</div>
.text {color:#ffcc3c;}
.background {background-color:#ffcc3c;}
.border {border:1px solid #ffcc3c;}
Shades and Tints of #ffcc3c
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 #fffaed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150f00
#150f00
rgb(21,15,0)
-
#281e00
#281e00
rgb(40,30,0)
-
#3c2c00
#3c2c00
rgb(60,44,0)
-
#503b00
#503b00
rgb(80,59,0)
-
#634900
#634900
rgb(99,73,0)
-
#775800
#775800
rgb(119,88,0)
-
#8a6600
#8a6600
rgb(138,102,0)
-
#9e7500
#9e7500
rgb(158,117,0)
-
#b28300
#b28300
rgb(178,131,0)
-
#c59200
#c59200
rgb(197,146,0)
-
#d9a000
#d9a000
rgb(217,160,0)
-
#edaf00
#edaf00
rgb(237,175,0)
-
#ffbd01
#ffbd01
rgb(255,189,1)
-
#ffc215
#ffc215
rgb(255,194,21)
-
#ffc728
#ffc728
rgb(255,199,40)
-
#ffcc3c
#ffcc3c
rgb(255,204,60)
-
#ffd150
#ffd150
rgb(255,209,80)
-
#ffd663
#ffd663
rgb(255,214,99)
-
#ffdb77
#ffdb77
rgb(255,219,119)
-
#ffe18a
#ffe18a
rgb(255,225,138)
-
#ffe69e
#ffe69e
rgb(255,230,158)
-
#ffebb2
#ffebb2
rgb(255,235,178)
-
#fff0c5
#fff0c5
rgb(255,240,197)
-
#fff5d9
#fff5d9
rgb(255,245,217)
-
#fffaed
#fffaed
rgb(255,250,237)
Tones of #ffcc3c
A tone is produced by adding gray to any pure hue. In this case, #a5a196 is the less saturated color, while #ffcc3c is the most saturated one.
-
#a5a196
#a5a196
rgb(165,161,150)
-
#ada58f
#ada58f
rgb(173,165,143)
-
#b4a887
#b4a887
rgb(180,168,135)
-
#bcac80
#bcac80
rgb(188,172,128)
-
#c3af78
#c3af78
rgb(195,175,120)
-
#cbb371
#cbb371
rgb(203,179,113)
-
#d2b769
#d2b769
rgb(210,183,105)
-
#daba62
#daba62
rgb(218,186,98)
-
#e1be5a
#e1be5a
rgb(225,190,90)
-
#e9c153
#e9c153
rgb(233,193,83)
-
#f0c54b
#f0c54b
rgb(240,197,75)
-
#f8c844
#f8c844
rgb(248,200,68)
-
#ffcc3c
#ffcc3c
rgb(255,204,60)
Color Blindness Simulator
Below, you can see how #ffcc3c 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.