#f8c312 Color Information
In a RGB color space, hex #f8c312 is composed of 97.3% red, 76.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.4% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 46.2 degrees, a saturation of 94.3% and a lightness of 52.2%. #f8c312 color hex could be obtained by blending #ffff24 with #f18700. Closest websafe color is: #ffcc00.
-
- R 97
- G 76
- B 7
-
- C 0
- M 21
- Y 93
- K 3
● #f8c312 color description : Vivid yellow.
#f8c312 Color Conversion
The hexadecimal color #f8c312 has RGB values of R:248, G:195, B:18 and CMYK values of C:0, M:0.21, Y:0.93, K:0.03. Its decimal value is 16302866.
Hex triplet | f8c312 | #f8c312 |
---|---|---|
RGB Decimal | 248, 195, 18 | rgb(248,195,18) |
RGB Percent | 97.3, 76.5, 7.1 | rgb(97.3%,76.5%,7.1%) |
CMYK | 0, 21, 93, 3 | |
HSL | 46.2°, 94.3, 52.2 | hsl(46.2,94.3%,52.2%) |
HSV (or HSB) | 46.2°, 92.7, 97.3 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.31, 5.478, 80.997 |
---|---|
XYZ | 58.337, 59.033, 8.894 |
xyY | 0.462, 0.468, 59.033 |
CIE-LCH | 81.31, 81.182, 86.131 |
CIE-LUV | 81.31, 45.025, 83.614 |
Hunter-Lab | 76.833, 1.071, 46.92 |
Binary | 11111000, 11000011, 00010010 |
Color Schemes with #f8c312
Alternatives to #f8c312
Below, you can see some colors close to #f8c312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8c312 Preview
This text has a font color of #f8c312.
<span style="color:#f8c312;">Text here</span>
This paragraph has a background color of #f8c312.
<p style="background-color:#f8c312;">Content here</p>
This element has a border color of #f8c312.
<div style="border:1px solid #f8c312;">Content here</div>
.text {color:#f8c312;}
.background {background-color:#f8c312;}
.border {border:1px solid #f8c312;}
Shades and Tints of #f8c312
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, #0b0800 is the darkest color, while #fffdf7 is the lightest one.
-
#0b0800
#0b0800
rgb(11,8,0)
-
#1e1701
#1e1701
rgb(30,23,1)
-
#312601
#312601
rgb(49,38,1)
-
#443502
#443502
rgb(68,53,2)
-
#574303
#574303
rgb(87,67,3)
-
#6a5203
#6a5203
rgb(106,82,3)
-
#7d6104
#7d6104
rgb(125,97,4)
-
#907004
#907004
rgb(144,112,4)
-
#a37f05
#a37f05
rgb(163,127,5)
-
#b68d05
#b68d05
rgb(182,141,5)
-
#c99c06
#c99c06
rgb(201,156,6)
-
#dcab07
#dcab07
rgb(220,171,7)
-
#efba07
#efba07
rgb(239,186,7)
-
#f8c312
#f8c312
rgb(248,195,18)
-
#f9c825
#f9c825
rgb(249,200,37)
-
#f9cd38
#f9cd38
rgb(249,205,56)
-
#fad14b
#fad14b
rgb(250,209,75)
-
#fad65e
#fad65e
rgb(250,214,94)
-
#fbdb71
#fbdb71
rgb(251,219,113)
-
#fbe084
#fbe084
rgb(251,224,132)
-
#fce597
#fce597
rgb(252,229,151)
-
#fdeaaa
#fdeaaa
rgb(253,234,170)
-
#fdeebd
#fdeebd
rgb(253,238,189)
-
#fef3d1
#fef3d1
rgb(254,243,209)
-
#fef8e4
#fef8e4
rgb(254,248,228)
-
#fffdf7
#fffdf7
rgb(255,253,247)
Tones of #f8c312
A tone is produced by adding gray to any pure hue. In this case, #878683 is the less saturated color, while #f8c312 is the most saturated one.
-
#878683
#878683
rgb(135,134,131)
-
#918b79
#918b79
rgb(145,139,121)
-
#9a9070
#9a9070
rgb(154,144,112)
-
#a49566
#a49566
rgb(164,149,102)
-
#ad9b5d
#ad9b5d
rgb(173,155,93)
-
#b6a054
#b6a054
rgb(182,160,84)
-
#c0a54a
#c0a54a
rgb(192,165,74)
-
#c9aa41
#c9aa41
rgb(201,170,65)
-
#d2af38
#d2af38
rgb(210,175,56)
-
#dcb42e
#dcb42e
rgb(220,180,46)
-
#e5b925
#e5b925
rgb(229,185,37)
-
#efbe1b
#efbe1b
rgb(239,190,27)
-
#f8c312
#f8c312
rgb(248,195,18)
Color Blindness Simulator
Below, you can see how #f8c312 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.