#f7c31e Color Information
In a RGB color space, hex #f7c31e is composed of 96.9% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 87.9% yellow and 3.1% black. It has a hue angle of 45.6 degrees, a saturation of 93.1% and a lightness of 54.3%. #f7c31e color hex could be obtained by blending #ffff3c with #ef8700. Closest websafe color is: #ffcc33.
-
- R 97
- G 76
- B 12
-
- C 0
- M 21
- Y 88
- K 3
● #f7c31e color description : Vivid yellow.
#f7c31e Color Conversion
The hexadecimal color #f7c31e has RGB values of R:247, G:195, B:30 and CMYK values of C:0, M:0.21, Y:0.88, K:0.03. Its decimal value is 16237342.
Hex triplet | f7c31e | #f7c31e |
---|---|---|
RGB Decimal | 247, 195, 30 | rgb(247,195,30) |
RGB Percent | 96.9, 76.5, 11.8 | rgb(96.9%,76.5%,11.8%) |
CMYK | 0, 21, 88, 3 | |
HSL | 45.6°, 93.1, 54.3 | hsl(45.6,93.1%,54.3%) |
HSV (or HSB) | 45.6°, 87.9, 96.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.237, 5.236, 78.83 |
---|---|
XYZ | 58.108, 58.901, 9.537 |
xyY | 0.459, 0.465, 58.901 |
CIE-LCH | 81.237, 79.004, 86.2 |
CIE-LUV | 81.237, 44.064, 82.413 |
Hunter-Lab | 76.747, 0.842, 46.355 |
Binary | 11110111, 11000011, 00011110 |
Color Schemes with #f7c31e
Alternatives to #f7c31e
Below, you can see some colors close to #f7c31e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7c31e Preview
This text has a font color of #f7c31e.
<span style="color:#f7c31e;">Text here</span>
This paragraph has a background color of #f7c31e.
<p style="background-color:#f7c31e;">Content here</p>
This element has a border color of #f7c31e.
<div style="border:1px solid #f7c31e;">Content here</div>
.text {color:#f7c31e;}
.background {background-color:#f7c31e;}
.border {border:1px solid #f7c31e;}
Shades and Tints of #f7c31e
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, #020200 is the darkest color, while #fefbee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#151001
#151001
rgb(21,16,1)
-
#281f01
#281f01
rgb(40,31,1)
-
#3b2d02
#3b2d02
rgb(59,45,2)
-
#4e3c03
#4e3c03
rgb(78,60,3)
-
#614b03
#614b03
rgb(97,75,3)
-
#745904
#745904
rgb(116,89,4)
-
#876805
#876805
rgb(135,104,5)
-
#9a7605
#9a7605
rgb(154,118,5)
-
#ad8506
#ad8506
rgb(173,133,6)
-
#c09307
#c09307
rgb(192,147,7)
-
#d3a207
#d3a207
rgb(211,162,7)
-
#e6b108
#e6b108
rgb(230,177,8)
-
#f6be0b
#f6be0b
rgb(246,190,11)
-
#f7c31e
#f7c31e
rgb(247,195,30)
-
#f8c831
#f8c831
rgb(248,200,49)
-
#f8cd44
#f8cd44
rgb(248,205,68)
-
#f9d257
#f9d257
rgb(249,210,87)
-
#fad76a
#fad76a
rgb(250,215,106)
-
#fadc7d
#fadc7d
rgb(250,220,125)
-
#fbe190
#fbe190
rgb(251,225,144)
-
#fce6a3
#fce6a3
rgb(252,230,163)
-
#fcebb6
#fcebb6
rgb(252,235,182)
-
#fdf0c8
#fdf0c8
rgb(253,240,200)
-
#fef6db
#fef6db
rgb(254,246,219)
-
#fefbee
#fefbee
rgb(254,251,238)
Tones of #f7c31e
A tone is produced by adding gray to any pure hue. In this case, #8b8b8a is the less saturated color, while #f7c31e is the most saturated one.
-
#8b8b8a
#8b8b8a
rgb(139,139,138)
-
#949081
#949081
rgb(148,144,129)
-
#9d9478
#9d9478
rgb(157,148,120)
-
#a6996f
#a6996f
rgb(166,153,111)
-
#af9e66
#af9e66
rgb(175,158,102)
-
#b8a25d
#b8a25d
rgb(184,162,93)
-
#c1a754
#c1a754
rgb(193,167,84)
-
#caac4b
#caac4b
rgb(202,172,75)
-
#d3b042
#d3b042
rgb(211,176,66)
-
#dcb539
#dcb539
rgb(220,181,57)
-
#e5ba30
#e5ba30
rgb(229,186,48)
-
#eebe27
#eebe27
rgb(238,190,39)
-
#f7c31e
#f7c31e
rgb(247,195,30)
Color Blindness Simulator
Below, you can see how #f7c31e 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.