#f7c102 Color Information
In a RGB color space, hex #f7c102 is composed of 96.9% red, 75.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 99.2% yellow and 3.1% black. It has a hue angle of 46.8 degrees, a saturation of 98.4% and a lightness of 48.8%. #f7c102 color hex could be obtained by blending #ffff04 with #ef8300. Closest websafe color is: #ffcc00.
-
- R 97
- G 76
- B 1
-
- C 0
- M 22
- Y 99
- K 3
● #f7c102 color description : Vivid yellow.
#f7c102 Color Conversion
The hexadecimal color #f7c102 has RGB values of R:247, G:193, B:2 and CMYK values of C:0, M:0.22, Y:0.99, K:0.03. Its decimal value is 16236802.
Hex triplet | f7c102 | #f7c102 |
---|---|---|
RGB Decimal | 247, 193, 2 | rgb(247,193,2) |
RGB Percent | 96.9, 75.7, 0.8 | rgb(96.9%,75.7%,0.8%) |
CMYK | 0, 22, 99, 3 | |
HSL | 46.8°, 98.4, 48.8 | hsl(46.8,98.4%,48.8%) |
HSV (or HSB) | 46.8°, 99.2, 96.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.695, 5.939, 82.215 |
---|---|
XYZ | 57.44, 57.921, 8.212 |
xyY | 0.465, 0.469, 57.921 |
CIE-LCH | 80.695, 82.429, 85.868 |
CIE-LUV | 80.695, 45.931, 83.792 |
Hunter-Lab | 76.106, 1.534, 46.877 |
Binary | 11110111, 11000001, 00000010 |
Color Schemes with #f7c102
Alternatives to #f7c102
Below, you can see some colors close to #f7c102. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7c102 Preview
This text has a font color of #f7c102.
<span style="color:#f7c102;">Text here</span>
This paragraph has a background color of #f7c102.
<p style="background-color:#f7c102;">Content here</p>
This element has a border color of #f7c102.
<div style="border:1px solid #f7c102;">Content here</div>
.text {color:#f7c102;}
.background {background-color:#f7c102;}
.border {border:1px solid #f7c102;}
Shades and Tints of #f7c102
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, #0e0b00 is the darkest color, while #fffef9 is the lightest one.
-
#0e0b00
#0e0b00
rgb(14,11,0)
-
#211a00
#211a00
rgb(33,26,0)
-
#342900
#342900
rgb(52,41,0)
-
#483801
#483801
rgb(72,56,1)
-
#5b4701
#5b4701
rgb(91,71,1)
-
#6f5701
#6f5701
rgb(111,87,1)
-
#826601
#826601
rgb(130,102,1)
-
#967501
#967501
rgb(150,117,1)
-
#a98401
#a98401
rgb(169,132,1)
-
#bd9302
#bd9302
rgb(189,147,2)
-
#d0a302
#d0a302
rgb(208,163,2)
-
#e4b202
#e4b202
rgb(228,178,2)
-
#f7c102
#f7c102
rgb(247,193,2)
-
#fdc910
#fdc910
rgb(253,201,16)
-
#fdcd23
#fdcd23
rgb(253,205,35)
-
#fdd236
#fdd236
rgb(253,210,54)
-
#fed64a
#fed64a
rgb(254,214,74)
-
#feda5d
#feda5d
rgb(254,218,93)
-
#fedf71
#fedf71
rgb(254,223,113)
-
#fee384
#fee384
rgb(254,227,132)
-
#fee898
#fee898
rgb(254,232,152)
-
#feecab
#feecab
rgb(254,236,171)
-
#fef0bf
#fef0bf
rgb(254,240,191)
-
#fff5d2
#fff5d2
rgb(255,245,210)
-
#fff9e6
#fff9e6
rgb(255,249,230)
-
#fffef9
#fffef9
rgb(255,254,249)
Tones of #f7c102
A tone is produced by adding gray to any pure hue. In this case, #848175 is the less saturated color, while #f7c102 is the most saturated one.
-
#848175
#848175
rgb(132,129,117)
-
#8e866b
#8e866b
rgb(142,134,107)
-
#978b62
#978b62
rgb(151,139,98)
-
#a19158
#a19158
rgb(161,145,88)
-
#aa964f
#aa964f
rgb(170,150,79)
-
#b49c45
#b49c45
rgb(180,156,69)
-
#bea13b
#bea13b
rgb(190,161,59)
-
#c7a632
#c7a632
rgb(199,166,50)
-
#d1ac28
#d1ac28
rgb(209,172,40)
-
#dab11f
#dab11f
rgb(218,177,31)
-
#e4b615
#e4b615
rgb(228,182,21)
-
#edbc0c
#edbc0c
rgb(237,188,12)
-
#f7c102
#f7c102
rgb(247,193,2)
Color Blindness Simulator
Below, you can see how #f7c102 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.