#f7d166 Color Information
In a RGB color space, hex #f7d166 is composed of 96.9% red, 82% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 58.7% yellow and 3.1% black. It has a hue angle of 44.3 degrees, a saturation of 90.1% and a lightness of 68.4%. #f7d166 color hex could be obtained by blending #ffffcc with #efa300. Closest websafe color is: #ffcc66.
-
- R 97
- G 82
- B 40
-
- C 0
- M 15
- Y 59
- K 3
● #f7d166 color description : Soft orange.
#f7d166 Color Conversion
The hexadecimal color #f7d166 has RGB values of R:247, G:209, B:102 and CMYK values of C:0, M:0.15, Y:0.59, K:0.03. Its decimal value is 16240998.
Hex triplet | f7d166 | #f7d166 |
---|---|---|
RGB Decimal | 247, 209, 102 | rgb(247,209,102) |
RGB Percent | 96.9, 82, 40 | rgb(96.9%,82%,40%) |
CMYK | 0, 15, 59, 3 | |
HSL | 44.3°, 90.1, 68.4 | hsl(44.3,90.1%,68.4%) |
HSV (or HSB) | 44.3°, 58.7, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 85.168, 1.163, 57.021 |
---|---|
XYZ | 63.557, 66.337, 22.026 |
xyY | 0.418, 0.437, 66.337 |
CIE-LCH | 85.168, 57.033, 88.832 |
CIE-LUV | 85.168, 31.226, 69.205 |
Hunter-Lab | 81.447, -3.242, 40.979 |
Binary | 11110111, 11010001, 01100110 |
Color Schemes with #f7d166
Alternatives to #f7d166
Below, you can see some colors close to #f7d166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7d166 Preview
This text has a font color of #f7d166.
<span style="color:#f7d166;">Text here</span>
This paragraph has a background color of #f7d166.
<p style="background-color:#f7d166;">Content here</p>
This element has a border color of #f7d166.
<div style="border:1px solid #f7d166;">Content here</div>
.text {color:#f7d166;}
.background {background-color:#f7d166;}
.border {border:1px solid #f7d166;}
Shades and Tints of #f7d166
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, #0f0b01 is the darkest color, while #fffefb is the lightest one.
-
#0f0b01
#0f0b01
rgb(15,11,1)
-
#211902
#211902
rgb(33,25,2)
-
#342703
#342703
rgb(52,39,3)
-
#473504
#473504
rgb(71,53,4)
-
#594305
#594305
rgb(89,67,5)
-
#6c5106
#6c5106
rgb(108,81,6)
-
#7f5f07
#7f5f07
rgb(127,95,7)
-
#916d08
#916d08
rgb(145,109,8)
-
#a47b09
#a47b09
rgb(164,123,9)
-
#b7890a
#b7890a
rgb(183,137,10)
-
#c9970b
#c9970b
rgb(201,151,11)
-
#dca50b
#dca50b
rgb(220,165,11)
-
#eeb30c
#eeb30c
rgb(238,179,12)
-
#f3bb1b
#f3bb1b
rgb(243,187,27)
-
#f4c02e
#f4c02e
rgb(244,192,46)
-
#f5c641
#f5c641
rgb(245,198,65)
-
#f6cb53
#f6cb53
rgb(246,203,83)
-
#f7d166
#f7d166
rgb(247,209,102)
-
#f8d779
#f8d779
rgb(248,215,121)
-
#f9dc8b
#f9dc8b
rgb(249,220,139)
-
#fae29e
#fae29e
rgb(250,226,158)
-
#fbe7b1
#fbe7b1
rgb(251,231,177)
-
#fcedc3
#fcedc3
rgb(252,237,195)
-
#fdf3d6
#fdf3d6
rgb(253,243,214)
-
#fef8e8
#fef8e8
rgb(254,248,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #f7d166
A tone is produced by adding gray to any pure hue. In this case, #b3b1aa is the less saturated color, while #fdd460 is the most saturated one.
-
#b3b1aa
#b3b1aa
rgb(179,177,170)
-
#b9b4a4
#b9b4a4
rgb(185,180,164)
-
#bfb69e
#bfb69e
rgb(191,182,158)
-
#c5b998
#c5b998
rgb(197,185,152)
-
#ccbc91
#ccbc91
rgb(204,188,145)
-
#d2bf8b
#d2bf8b
rgb(210,191,139)
-
#d8c285
#d8c285
rgb(216,194,133)
-
#dec57f
#dec57f
rgb(222,197,127)
-
#e4c879
#e4c879
rgb(228,200,121)
-
#ebcb72
#ebcb72
rgb(235,203,114)
-
#f1ce6c
#f1ce6c
rgb(241,206,108)
-
#f7d166
#f7d166
rgb(247,209,102)
-
#fdd460
#fdd460
rgb(253,212,96)
Color Blindness Simulator
Below, you can see how #f7d166 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.