#f2bf67 Color Information
In a RGB color space, hex #f2bf67 is composed of 94.9% red, 74.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 57.4% yellow and 5.1% black. It has a hue angle of 38 degrees, a saturation of 84.2% and a lightness of 67.6%. #f2bf67 color hex could be obtained by blending #ffffce with #e57f00. Closest websafe color is: #ffcc66.
-
- R 95
- G 75
- B 40
-
- C 0
- M 21
- Y 57
- K 5
● #f2bf67 color description : Soft orange.
#f2bf67 Color Conversion
The hexadecimal color #f2bf67 has RGB values of R:242, G:191, B:103 and CMYK values of C:0, M:0.21, Y:0.57, K:0.05. Its decimal value is 15908711.
Hex triplet | f2bf67 | #f2bf67 |
---|---|---|
RGB Decimal | 242, 191, 103 | rgb(242,191,103) |
RGB Percent | 94.9, 74.9, 40.4 | rgb(94.9%,74.9%,40.4%) |
CMYK | 0, 21, 57, 5 | |
HSL | 38°, 84.2, 67.6 | hsl(38,84.2%,67.6%) |
HSV (or HSB) | 38°, 57.4, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.247, 8.5, 50.726 |
---|---|
XYZ | 57.697, 57.121, 20.818 |
xyY | 0.425, 0.421, 57.121 |
CIE-LCH | 80.247, 51.433, 80.487 |
CIE-LUV | 80.247, 40.052, 60.374 |
Hunter-Lab | 75.578, 4.007, 36.574 |
Binary | 11110010, 10111111, 01100111 |
Color Schemes with #f2bf67
Alternatives to #f2bf67
Below, you can see some colors close to #f2bf67. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2bf67 Preview
This text has a font color of #f2bf67.
<span style="color:#f2bf67;">Text here</span>
This paragraph has a background color of #f2bf67.
<p style="background-color:#f2bf67;">Content here</p>
This element has a border color of #f2bf67.
<div style="border:1px solid #f2bf67;">Content here</div>
.text {color:#f2bf67;}
.background {background-color:#f2bf67;}
.border {border:1px solid #f2bf67;}
Shades and Tints of #f2bf67
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, #0b0701 is the darkest color, while #fefcf8 is the lightest one.
-
#0b0701
#0b0701
rgb(11,7,1)
-
#1d1302
#1d1302
rgb(29,19,2)
-
#2f1f04
#2f1f04
rgb(47,31,4)
-
#412b06
#412b06
rgb(65,43,6)
-
#533707
#533707
rgb(83,55,7)
-
#654309
#654309
rgb(101,67,9)
-
#774f0a
#774f0a
rgb(119,79,10)
-
#895b0c
#895b0c
rgb(137,91,12)
-
#9b670d
#9b670d
rgb(155,103,13)
-
#ad730f
#ad730f
rgb(173,115,15)
-
#bf7f10
#bf7f10
rgb(191,127,16)
-
#d18b12
#d18b12
rgb(209,139,18)
-
#e39713
#e39713
rgb(227,151,19)
-
#eca11f
#eca11f
rgb(236,161,31)
-
#eda831
#eda831
rgb(237,168,49)
-
#efb043
#efb043
rgb(239,176,67)
-
#f0b755
#f0b755
rgb(240,183,85)
-
#f2bf67
#f2bf67
rgb(242,191,103)
-
#f4c779
#f4c779
rgb(244,199,121)
-
#f5ce8b
#f5ce8b
rgb(245,206,139)
-
#f7d69d
#f7d69d
rgb(247,214,157)
-
#f8ddaf
#f8ddaf
rgb(248,221,175)
-
#fae5c1
#fae5c1
rgb(250,229,193)
-
#fbedd3
#fbedd3
rgb(251,237,211)
-
#fdf4e5
#fdf4e5
rgb(253,244,229)
-
#fefcf8
#fefcf8
rgb(254,252,248)
Tones of #f2bf67
A tone is produced by adding gray to any pure hue. In this case, #b3aea6 is the less saturated color, while #ffc25a is the most saturated one.
-
#b3aea6
#b3aea6
rgb(179,174,166)
-
#b9b0a0
#b9b0a0
rgb(185,176,160)
-
#bfb19a
#bfb19a
rgb(191,177,154)
-
#c6b393
#c6b393
rgb(198,179,147)
-
#ccb58d
#ccb58d
rgb(204,181,141)
-
#d2b787
#d2b787
rgb(210,183,135)
-
#d9b880
#d9b880
rgb(217,184,128)
-
#dfba7a
#dfba7a
rgb(223,186,122)
-
#e5bc74
#e5bc74
rgb(229,188,116)
-
#ecbd6d
#ecbd6d
rgb(236,189,109)
-
#f2bf67
#f2bf67
rgb(242,191,103)
-
#f8c161
#f8c161
rgb(248,193,97)
-
#ffc25a
#ffc25a
rgb(255,194,90)
Color Blindness Simulator
Below, you can see how #f2bf67 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.