#f2d31f Color Information
In a RGB color space, hex #f2d31f is composed of 94.9% red, 82.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 87.2% yellow and 5.1% black. It has a hue angle of 51.2 degrees, a saturation of 89% and a lightness of 53.5%. #f2d31f color hex could be obtained by blending #ffff3e with #e5a700. Closest websafe color is: #ffcc33.
-
- R 95
- G 83
- B 12
-
- C 0
- M 13
- Y 87
- K 5
● #f2d31f color description : Vivid yellow.
#f2d31f Color Conversion
The hexadecimal color #f2d31f has RGB values of R:242, G:211, B:31 and CMYK values of C:0, M:0.13, Y:0.87, K:0.05. Its decimal value is 15913759.
Hex triplet | f2d31f | #f2d31f |
---|---|---|
RGB Decimal | 242, 211, 31 | rgb(242,211,31) |
RGB Percent | 94.9, 82.7, 12.2 | rgb(94.9%,82.7%,12.2%) |
CMYK | 0, 13, 87, 5 | |
HSL | 51.2°, 89, 53.5 | hsl(51.2,89%,53.5%) |
HSV (or HSB) | 51.2°, 87.2, 94.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.775, -5.076, 81.218 |
---|---|
XYZ | 60.16, 65.567, 10.783 |
xyY | 0.441, 0.48, 65.567 |
CIE-LCH | 84.775, 81.376, 93.576 |
CIE-LUV | 84.775, 28.435, 88.253 |
Hunter-Lab | 80.973, -9.085, 48.786 |
Binary | 11110010, 11010011, 00011111 |
Color Schemes with #f2d31f
Alternatives to #f2d31f
Below, you can see some colors close to #f2d31f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2d31f Preview
This text has a font color of #f2d31f.
<span style="color:#f2d31f;">Text here</span>
This paragraph has a background color of #f2d31f.
<p style="background-color:#f2d31f;">Content here</p>
This element has a border color of #f2d31f.
<div style="border:1px solid #f2d31f;">Content here</div>
.text {color:#f2d31f;}
.background {background-color:#f2d31f;}
.border {border:1px solid #f2d31f;}
Shades and Tints of #f2d31f
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, #110f01 is the darkest color, while #fffffd is the lightest one.
-
#110f01
#110f01
rgb(17,15,1)
-
#241f02
#241f02
rgb(36,31,2)
-
#362f03
#362f03
rgb(54,47,3)
-
#493f04
#493f04
rgb(73,63,4)
-
#5b4f05
#5b4f05
rgb(91,79,5)
-
#6e5f06
#6e5f06
rgb(110,95,6)
-
#806f07
#806f07
rgb(128,111,7)
-
#937e09
#937e09
rgb(147,126,9)
-
#a58e0a
#a58e0a
rgb(165,142,10)
-
#b89e0b
#b89e0b
rgb(184,158,11)
-
#caae0c
#caae0c
rgb(202,174,12)
-
#ddbe0d
#ddbe0d
rgb(221,190,13)
-
#efce0e
#efce0e
rgb(239,206,14)
-
#f2d31f
#f2d31f
rgb(242,211,31)
-
#f3d732
#f3d732
rgb(243,215,50)
-
#f4da44
#f4da44
rgb(244,218,68)
-
#f5de57
#f5de57
rgb(245,222,87)
-
#f6e269
#f6e269
rgb(246,226,105)
-
#f7e57c
#f7e57c
rgb(247,229,124)
-
#f8e98e
#f8e98e
rgb(248,233,142)
-
#faeca1
#faeca1
rgb(250,236,161)
-
#fbf0b3
#fbf0b3
rgb(251,240,179)
-
#fcf4c6
#fcf4c6
rgb(252,244,198)
-
#fdf7d8
#fdf7d8
rgb(253,247,216)
-
#fefbeb
#fefbeb
rgb(254,251,235)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #f2d31f
A tone is produced by adding gray to any pure hue. In this case, #8e8c83 is the less saturated color, while #fbd916 is the most saturated one.
-
#8e8c83
#8e8c83
rgb(142,140,131)
-
#97937a
#97937a
rgb(151,147,122)
-
#a09971
#a09971
rgb(160,153,113)
-
#a9a068
#a9a068
rgb(169,160,104)
-
#b2a65f
#b2a65f
rgb(178,166,95)
-
#bbac56
#bbac56
rgb(187,172,86)
-
#c4b34d
#c4b34d
rgb(196,179,77)
-
#ceb943
#ceb943
rgb(206,185,67)
-
#d7c03a
#d7c03a
rgb(215,192,58)
-
#e0c631
#e0c631
rgb(224,198,49)
-
#e9cd28
#e9cd28
rgb(233,205,40)
-
#f2d31f
#f2d31f
rgb(242,211,31)
-
#fbd916
#fbd916
rgb(251,217,22)
Color Blindness Simulator
Below, you can see how #f2d31f 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.