#ffcc10 Color Information
In a RGB color space, hex #ffcc10 is composed of 100% red, 80% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 93.7% yellow and 0% black. It has a hue angle of 47.2 degrees, a saturation of 100% and a lightness of 53.1%. #ffcc10 color hex could be obtained by blending #ffff20 with #ff9900. Closest websafe color is: #ffcc00.
-
- R 100
- G 80
- B 6
-
- C 0
- M 20
- Y 94
- K 0
● #ffcc10 color description : Vivid yellow.
#ffcc10 Color Conversion
The hexadecimal color #ffcc10 has RGB values of R:255, G:204, B:16 and CMYK values of C:0, M:0.2, Y:0.94, K:0. Its decimal value is 16763920.
Hex triplet | ffcc10 | #ffcc10 |
---|---|---|
RGB Decimal | 255, 204, 16 | rgb(255,204,16) |
RGB Percent | 100, 80, 6.3 | rgb(100%,80%,6.3%) |
CMYK | 0, 20, 94, 0 | |
HSL | 47.2°, 100, 53.1 | hsl(47.2,100%,53.1%) |
HSV (or HSB) | 47.2°, 93.7, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 84.218, 3.808, 83.704 |
---|---|
XYZ | 62.928, 64.486, 9.623 |
xyY | 0.459, 0.471, 64.486 |
CIE-LCH | 84.218, 83.79, 87.395 |
CIE-LUV | 84.218, 43.604, 87.214 |
Hunter-Lab | 80.303, -0.654, 49.107 |
Binary | 11111111, 11001100, 00010000 |
Color Schemes with #ffcc10
Alternatives to #ffcc10
Below, you can see some colors close to #ffcc10. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc10 Preview
This text has a font color of #ffcc10.
<span style="color:#ffcc10;">Text here</span>
This paragraph has a background color of #ffcc10.
<p style="background-color:#ffcc10;">Content here</p>
This element has a border color of #ffcc10.
<div style="border:1px solid #ffcc10;">Content here</div>
.text {color:#ffcc10;}
.background {background-color:#ffcc10;}
.border {border:1px solid #ffcc10;}
Shades and Tints of #ffcc10
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, #100d00 is the darkest color, while #fffefb is the lightest one.
-
#100d00
#100d00
rgb(16,13,0)
-
#241c00
#241c00
rgb(36,28,0)
-
#372b00
#372b00
rgb(55,43,0)
-
#4b3b00
#4b3b00
rgb(75,59,0)
-
#5e4a00
#5e4a00
rgb(94,74,0)
-
#725a00
#725a00
rgb(114,90,0)
-
#866900
#866900
rgb(134,105,0)
-
#997900
#997900
rgb(153,121,0)
-
#ad8800
#ad8800
rgb(173,136,0)
-
#c19700
#c19700
rgb(193,151,0)
-
#d4a700
#d4a700
rgb(212,167,0)
-
#e8b600
#e8b600
rgb(232,182,0)
-
#fbc600
#fbc600
rgb(251,198,0)
-
#ffcc10
#ffcc10
rgb(255,204,16)
-
#ffd024
#ffd024
rgb(255,208,36)
-
#ffd437
#ffd437
rgb(255,212,55)
-
#ffd94b
#ffd94b
rgb(255,217,75)
-
#ffdd5e
#ffdd5e
rgb(255,221,94)
-
#ffe172
#ffe172
rgb(255,225,114)
-
#ffe586
#ffe586
rgb(255,229,134)
-
#ffe999
#ffe999
rgb(255,233,153)
-
#ffedad
#ffedad
rgb(255,237,173)
-
#fff2c1
#fff2c1
rgb(255,242,193)
-
#fff6d4
#fff6d4
rgb(255,246,212)
-
#fffae8
#fffae8
rgb(255,250,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #ffcc10
A tone is produced by adding gray to any pure hue. In this case, #918d7e is the less saturated color, while #ffcc10 is the most saturated one.
-
#918d7e
#918d7e
rgb(145,141,126)
-
#9a9275
#9a9275
rgb(154,146,117)
-
#a3976c
#a3976c
rgb(163,151,108)
-
#ac9d63
#ac9d63
rgb(172,157,99)
-
#b5a25a
#b5a25a
rgb(181,162,90)
-
#bfa750
#bfa750
rgb(191,167,80)
-
#c8ac47
#c8ac47
rgb(200,172,71)
-
#d1b23e
#d1b23e
rgb(209,178,62)
-
#dab735
#dab735
rgb(218,183,53)
-
#e3bc2c
#e3bc2c
rgb(227,188,44)
-
#edc122
#edc122
rgb(237,193,34)
-
#f6c719
#f6c719
rgb(246,199,25)
-
#ffcc10
#ffcc10
rgb(255,204,16)
Color Blindness Simulator
Below, you can see how #ffcc10 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.