#ffcc12 Color Information
In a RGB color space, hex #ffcc12 is composed of 100% red, 80% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 92.9% yellow and 0% black. It has a hue angle of 47.1 degrees, a saturation of 100% and a lightness of 53.5%. #ffcc12 color hex could be obtained by blending #ffff24 with #ff9900. Closest websafe color is: #ffcc00.
-
- R 100
- G 80
- B 7
-
- C 0
- M 20
- Y 93
- K 0
● #ffcc12 color description : Vivid yellow.
#ffcc12 Color Conversion
The hexadecimal color #ffcc12 has RGB values of R:255, G:204, B:18 and CMYK values of C:0, M:0.2, Y:0.93, K:0. Its decimal value is 16763922.
Hex triplet | ffcc12 | #ffcc12 |
---|---|---|
RGB Decimal | 255, 204, 18 | rgb(255,204,18) |
RGB Percent | 100, 80, 7.1 | rgb(100%,80%,7.1%) |
CMYK | 0, 20, 93, 0 | |
HSL | 47.1°, 100, 53.5 | hsl(47.1,100%,53.5%) |
HSV (or HSB) | 47.1°, 92.9, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 84.222, 3.83, 83.456 |
---|---|
XYZ | 62.943, 64.492, 9.705 |
xyY | 0.459, 0.47, 64.492 |
CIE-LCH | 84.222, 83.543, 87.372 |
CIE-LUV | 84.222, 43.582, 87.073 |
Hunter-Lab | 80.307, -0.633, 49.05 |
Binary | 11111111, 11001100, 00010010 |
Color Schemes with #ffcc12
Alternatives to #ffcc12
Below, you can see some colors close to #ffcc12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc12 Preview
This text has a font color of #ffcc12.
<span style="color:#ffcc12;">Text here</span>
This paragraph has a background color of #ffcc12.
<p style="background-color:#ffcc12;">Content here</p>
This element has a border color of #ffcc12.
<div style="border:1px solid #ffcc12;">Content here</div>
.text {color:#ffcc12;}
.background {background-color:#ffcc12;}
.border {border:1px solid #ffcc12;}
Shades and Tints of #ffcc12
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, #120e00 is the darkest color, while #fffffd is the lightest one.
-
#120e00
#120e00
rgb(18,14,0)
-
#261e00
#261e00
rgb(38,30,0)
-
#392d00
#392d00
rgb(57,45,0)
-
#4d3c00
#4d3c00
rgb(77,60,0)
-
#604c00
#604c00
rgb(96,76,0)
-
#745b00
#745b00
rgb(116,91,0)
-
#886a00
#886a00
rgb(136,106,0)
-
#9b7a00
#9b7a00
rgb(155,122,0)
-
#af8900
#af8900
rgb(175,137,0)
-
#c39900
#c39900
rgb(195,153,0)
-
#d6a800
#d6a800
rgb(214,168,0)
-
#eab700
#eab700
rgb(234,183,0)
-
#fdc700
#fdc700
rgb(253,199,0)
-
#ffcc12
#ffcc12
rgb(255,204,18)
-
#ffd026
#ffd026
rgb(255,208,38)
-
#ffd439
#ffd439
rgb(255,212,57)
-
#ffd94d
#ffd94d
rgb(255,217,77)
-
#ffdd60
#ffdd60
rgb(255,221,96)
-
#ffe174
#ffe174
rgb(255,225,116)
-
#ffe588
#ffe588
rgb(255,229,136)
-
#ffea9b
#ffea9b
rgb(255,234,155)
-
#ffeeaf
#ffeeaf
rgb(255,238,175)
-
#fff2c3
#fff2c3
rgb(255,242,195)
-
#fff6d6
#fff6d6
rgb(255,246,214)
-
#fffaea
#fffaea
rgb(255,250,234)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #ffcc12
A tone is produced by adding gray to any pure hue. In this case, #928e7f is the less saturated color, while #ffcc12 is the most saturated one.
-
#928e7f
#928e7f
rgb(146,142,127)
-
#9b9376
#9b9376
rgb(155,147,118)
-
#a4986d
#a4986d
rgb(164,152,109)
-
#ad9d64
#ad9d64
rgb(173,157,100)
-
#b6a25b
#b6a25b
rgb(182,162,91)
-
#bfa852
#bfa852
rgb(191,168,82)
-
#c8ad49
#c8ad49
rgb(200,173,73)
-
#d1b240
#d1b240
rgb(209,178,64)
-
#dbb736
#dbb736
rgb(219,183,54)
-
#e4bc2d
#e4bc2d
rgb(228,188,45)
-
#edc224
#edc224
rgb(237,194,36)
-
#f6c71b
#f6c71b
rgb(246,199,27)
-
#ffcc12
#ffcc12
rgb(255,204,18)
Color Blindness Simulator
Below, you can see how #ffcc12 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.