#f2c315 Color Information
In a RGB color space, hex #f2c315 is composed of 94.9% red, 76.5% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 91.3% yellow and 5.1% black. It has a hue angle of 47.2 degrees, a saturation of 89.5% and a lightness of 51.6%. #f2c315 color hex could be obtained by blending #ffff2a with #e58700. Closest websafe color is: #ffcc00.
-
- R 95
- G 76
- B 8
-
- C 0
- M 19
- Y 91
- K 5
● #f2c315 color description : Vivid yellow.
#f2c315 Color Conversion
The hexadecimal color #f2c315 has RGB values of R:242, G:195, B:21 and CMYK values of C:0, M:0.19, Y:0.91, K:0.05. Its decimal value is 15909653.
Hex triplet | f2c315 | #f2c315 |
---|---|---|
RGB Decimal | 242, 195, 21 | rgb(242,195,21) |
RGB Percent | 94.9, 76.5, 8.2 | rgb(94.9%,76.5%,8.2%) |
CMYK | 0, 19, 91, 5 | |
HSL | 47.2°, 89.5, 51.6 | hsl(47.2,89.5%,51.6%) |
HSV (or HSB) | 47.2°, 91.3, 94.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.719, 2.946, 79.849 |
---|---|
XYZ | 56.269, 57.964, 8.934 |
xyY | 0.457, 0.471, 57.964 |
CIE-LCH | 80.719, 79.903, 87.887 |
CIE-LUV | 80.719, 40.351, 83.252 |
Hunter-Lab | 76.134, -1.309, 46.337 |
Binary | 11110010, 11000011, 00010101 |
Color Schemes with #f2c315
Alternatives to #f2c315
Below, you can see some colors close to #f2c315. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c315 Preview
This text has a font color of #f2c315.
<span style="color:#f2c315;">Text here</span>
This paragraph has a background color of #f2c315.
<p style="background-color:#f2c315;">Content here</p>
This element has a border color of #f2c315.
<div style="border:1px solid #f2c315;">Content here</div>
.text {color:#f2c315;}
.background {background-color:#f2c315;}
.border {border:1px solid #f2c315;}
Shades and Tints of #f2c315
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, #080600 is the darkest color, while #fefcf4 is the lightest one.
-
#080600
#080600
rgb(8,6,0)
-
#1a1501
#1a1501
rgb(26,21,1)
-
#2d2402
#2d2402
rgb(45,36,2)
-
#3f3304
#3f3304
rgb(63,51,4)
-
#524105
#524105
rgb(82,65,5)
-
#645006
#645006
rgb(100,80,6)
-
#775f07
#775f07
rgb(119,95,7)
-
#8a6e08
#8a6e08
rgb(138,110,8)
-
#9c7d09
#9c7d09
rgb(156,125,9)
-
#af8c0a
#af8c0a
rgb(175,140,10)
-
#c19b0b
#c19b0b
rgb(193,155,11)
-
#d4a90c
#d4a90c
rgb(212,169,12)
-
#e7b80d
#e7b80d
rgb(231,184,13)
-
#f2c315
#f2c315
rgb(242,195,21)
-
#f3c828
#f3c828
rgb(243,200,40)
-
#f4cd3a
#f4cd3a
rgb(244,205,58)
-
#f5d14d
#f5d14d
rgb(245,209,77)
-
#f6d65f
#f6d65f
rgb(246,214,95)
-
#f7db72
#f7db72
rgb(247,219,114)
-
#f8e084
#f8e084
rgb(248,224,132)
-
#f9e497
#f9e497
rgb(249,228,151)
-
#fae9aa
#fae9aa
rgb(250,233,170)
-
#fbeebc
#fbeebc
rgb(251,238,188)
-
#fcf3cf
#fcf3cf
rgb(252,243,207)
-
#fdf7e1
#fdf7e1
rgb(253,247,225)
-
#fefcf4
#fefcf4
rgb(254,252,244)
Tones of #f2c315
A tone is produced by adding gray to any pure hue. In this case, #8a877e is the less saturated color, while #fcc80c is the most saturated one.
-
#8a877e
#8a877e
rgb(138,135,126)
-
#938c74
#938c74
rgb(147,140,116)
-
#9d926b
#9d926b
rgb(157,146,107)
-
#a69761
#a69761
rgb(166,151,97)
-
#b09d58
#b09d58
rgb(176,157,88)
-
#b9a24e
#b9a24e
rgb(185,162,78)
-
#c3a845
#c3a845
rgb(195,168,69)
-
#ccad3b
#ccad3b
rgb(204,173,59)
-
#d6b332
#d6b332
rgb(214,179,50)
-
#dfb828
#dfb828
rgb(223,184,40)
-
#e9be1e
#e9be1e
rgb(233,190,30)
-
#f2c315
#f2c315
rgb(242,195,21)
-
#fcc80c
#fcc80c
rgb(252,200,12)
Color Blindness Simulator
Below, you can see how #f2c315 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.