#f7c167 Color Information
In a RGB color space, hex #f7c167 is composed of 96.9% red, 75.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 58.3% yellow and 3.1% black. It has a hue angle of 37.5 degrees, a saturation of 90% and a lightness of 68.6%. #f7c167 color hex could be obtained by blending #ffffce with #ef8300. Closest websafe color is: #ffcc66.
-
- R 97
- G 76
- B 40
-
- C 0
- M 22
- Y 58
- K 3
● #f7c167 color description : Soft orange.
#f7c167 Color Conversion
The hexadecimal color #f7c167 has RGB values of R:247, G:193, B:103 and CMYK values of C:0, M:0.22, Y:0.58, K:0.03. Its decimal value is 16236903.
Hex triplet | f7c167 | #f7c167 |
---|---|---|
RGB Decimal | 247, 193, 103 | rgb(247,193,103) |
RGB Percent | 96.9, 75.7, 40.4 | rgb(96.9%,75.7%,40.4%) |
CMYK | 0, 22, 58, 3 | |
HSL | 37.5°, 90, 68.6 | hsl(37.5,90%,68.6%) |
HSV (or HSB) | 37.5°, 58.3, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.234, 9.51, 52.009 |
---|---|
XYZ | 59.877, 58.896, 21.046 |
xyY | 0.428, 0.421, 58.896 |
CIE-LCH | 81.234, 52.871, 79.638 |
CIE-LUV | 81.234, 42.379, 61.598 |
Hunter-Lab | 76.744, 4.966, 37.461 |
Binary | 11110111, 11000001, 01100111 |
Color Schemes with #f7c167
Alternatives to #f7c167
Below, you can see some colors close to #f7c167. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7c167 Preview
This text has a font color of #f7c167.
<span style="color:#f7c167;">Text here</span>
This paragraph has a background color of #f7c167.
<p style="background-color:#f7c167;">Content here</p>
This element has a border color of #f7c167.
<div style="border:1px solid #f7c167;">Content here</div>
.text {color:#f7c167;}
.background {background-color:#f7c167;}
.border {border:1px solid #f7c167;}
Shades and Tints of #f7c167
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, #100a01 is the darkest color, while #fffefc is the lightest one.
-
#100a01
#100a01
rgb(16,10,1)
-
#221602
#221602
rgb(34,22,2)
-
#352203
#352203
rgb(53,34,3)
-
#482e04
#482e04
rgb(72,46,4)
-
#5a3a05
#5a3a05
rgb(90,58,5)
-
#6d4606
#6d4606
rgb(109,70,6)
-
#805207
#805207
rgb(128,82,7)
-
#925e08
#925e08
rgb(146,94,8)
-
#a56a09
#a56a09
rgb(165,106,9)
-
#b7760a
#b7760a
rgb(183,118,10)
-
#ca820b
#ca820b
rgb(202,130,11)
-
#dd8e0c
#dd8e0c
rgb(221,142,12)
-
#ef9a0d
#ef9a0d
rgb(239,154,13)
-
#f3a31c
#f3a31c
rgb(243,163,28)
-
#f4aa2f
#f4aa2f
rgb(244,170,47)
-
#f5b242
#f5b242
rgb(245,178,66)
-
#f6b954
#f6b954
rgb(246,185,84)
-
#f7c167
#f7c167
rgb(247,193,103)
-
#f8c97a
#f8c97a
rgb(248,201,122)
-
#f9d08c
#f9d08c
rgb(249,208,140)
-
#fad89f
#fad89f
rgb(250,216,159)
-
#fbdfb2
#fbdfb2
rgb(251,223,178)
-
#fce7c4
#fce7c4
rgb(252,231,196)
-
#fdefd7
#fdefd7
rgb(253,239,215)
-
#fef6e9
#fef6e9
rgb(254,246,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f7c167
A tone is produced by adding gray to any pure hue. In this case, #b3b0ab is the less saturated color, while #fdc361 is the most saturated one.
-
#b3b0ab
#b3b0ab
rgb(179,176,171)
-
#b9b2a5
#b9b2a5
rgb(185,178,165)
-
#c0b39e
#c0b39e
rgb(192,179,158)
-
#c6b598
#c6b598
rgb(198,181,152)
-
#ccb692
#ccb692
rgb(204,182,146)
-
#d2b88c
#d2b88c
rgb(210,184,140)
-
#d8b986
#d8b986
rgb(216,185,134)
-
#debb80
#debb80
rgb(222,187,128)
-
#e5bc79
#e5bc79
rgb(229,188,121)
-
#ebbe73
#ebbe73
rgb(235,190,115)
-
#f1bf6d
#f1bf6d
rgb(241,191,109)
-
#f7c167
#f7c167
rgb(247,193,103)
-
#fdc361
#fdc361
rgb(253,195,97)
Color Blindness Simulator
Below, you can see how #f7c167 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.