#facc12 Color Information
In a RGB color space, hex #facc12 is composed of 98% red, 80% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 92.8% yellow and 2% black. It has a hue angle of 48.1 degrees, a saturation of 95.9% and a lightness of 52.5%. #facc12 color hex could be obtained by blending #ffff24 with #f59900. Closest websafe color is: #ffcc00.
-
- R 98
- G 80
- B 7
-
- C 0
- M 18
- Y 93
- K 2
● #facc12 color description : Vivid yellow.
#facc12 Color Conversion
The hexadecimal color #facc12 has RGB values of R:250, G:204, B:18 and CMYK values of C:0, M:0.18, Y:0.93, K:0.02. Its decimal value is 16436242.
| Hex triplet | facc12 | #facc12 |
|---|---|---|
| RGB Decimal | 250, 204, 18 | rgb(250,204,18) |
| RGB Percent | 98, 80, 7.1 | rgb(98%,80%,7.1%) |
| CMYK | 0, 18, 93, 2 | |
| HSL | 48.1°, 95.9, 52.5 | hsl(48.1,95.9%,52.5%) |
| HSV (or HSB) | 48.1°, 92.8, 98 | |
| Web Safe | ffcc00 | #ffcc00 |
| CIE-LAB | 83.734, 1.699, 82.877 |
|---|---|
| XYZ | 61.127, 63.556, 9.62 |
| xyY | 0.455, 0.473, 63.556 |
| CIE-LCH | 83.734, 82.895, 88.825 |
| CIE-LUV | 83.734, 39.748, 86.989 |
| Hunter-Lab | 79.722, -2.648, 48.651 |
| Binary | 11111010, 11001100, 00010010 |
Color Schemes with #facc12
Alternatives to #facc12
Below, you can see some colors close to #facc12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#facc12 Preview
This text has a font color of #facc12.
<span style="color:#facc12;">Text here</span>
This paragraph has a background color of #facc12.
<p style="background-color:#facc12;">Content here</p>
This element has a border color of #facc12.
<div style="border:1px solid #facc12;">Content here</div>
.text {color:#facc12;}
.background {background-color:#facc12;}
.border {border:1px solid #facc12;}
Shades and Tints of #facc12
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, #0d0a00 is the darkest color, while #fffef9 is the lightest one.
-
#0d0a00
#0d0a00rgb(13,10,0) -
#201a01
#201a01rgb(32,26,1) -
#332901
#332901rgb(51,41,1) -
#463901
#463901rgb(70,57,1) -
#5a4802
#5a4802rgb(90,72,2) -
#6d5802
#6d5802rgb(109,88,2) -
#806703
#806703rgb(128,103,3) -
#937703
#937703rgb(147,119,3) -
#a68604
#a68604rgb(166,134,4) -
#ba9604
#ba9604rgb(186,150,4) -
#cda504
#cda504rgb(205,165,4) -
#e0b505
#e0b505rgb(224,181,5) -
#f3c405
#f3c405rgb(243,196,5)
-
#facc12
#facc12rgb(250,204,18) -
#fad025
#fad025rgb(250,208,37) -
#fbd438
#fbd438rgb(251,212,56) -
#fbd84c
#fbd84crgb(251,216,76) -
#fcdd5f
#fcdd5frgb(252,221,95) -
#fce172
#fce172rgb(252,225,114) -
#fce585
#fce585rgb(252,229,133) -
#fde998
#fde998rgb(253,233,152) -
#fdedac
#fdedacrgb(253,237,172) -
#fef1bf
#fef1bfrgb(254,241,191) -
#fef5d2
#fef5d2rgb(254,245,210) -
#fef9e5
#fef9e5rgb(254,249,229) -
#fffef9
#fffef9rgb(255,254,249)
Tones of #facc12
A tone is produced by adding gray to any pure hue. In this case, #8a8982 is the less saturated color, while #facc12 is the most saturated one.
-
#8a8982
#8a8982rgb(138,137,130) -
#948e78
#948e78rgb(148,142,120) -
#9d946f
#9d946frgb(157,148,111) -
#a69966
#a69966rgb(166,153,102) -
#b09f5c
#b09f5crgb(176,159,92) -
#b9a553
#b9a553rgb(185,165,83) -
#c2aa4a
#c2aa4argb(194,170,74) -
#cbb041
#cbb041rgb(203,176,65) -
#d5b637
#d5b637rgb(213,182,55) -
#debb2e
#debb2ergb(222,187,46) -
#e7c125
#e7c125rgb(231,193,37) -
#f1c61b
#f1c61brgb(241,198,27) -
#facc12
#facc12rgb(250,204,18)
Color Blindness Simulator
Below, you can see how #facc12 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.
