#f2c165 Color Information
In a RGB color space, hex #f2c165 is composed of 94.9% red, 75.7% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.2% magenta, 58.3% yellow and 5.1% black. It has a hue angle of 39.1 degrees, a saturation of 84.4% and a lightness of 67.3%. #f2c165 color hex could be obtained by blending #ffffca with #e58300. Closest websafe color is: #ffcc66.
-
- R 95
- G 76
- B 40
-
- C 0
- M 20
- Y 58
- K 5
● #f2c165 color description : Soft orange.
#f2c165 Color Conversion
The hexadecimal color #f2c165 has RGB values of R:242, G:193, B:101 and CMYK values of C:0, M:0.2, Y:0.58, K:0.05. Its decimal value is 15909221.
Hex triplet | f2c165 | #f2c165 |
---|---|---|
RGB Decimal | 242, 193, 101 | rgb(242,193,101) |
RGB Percent | 94.9, 75.7, 39.6 | rgb(94.9%,75.7%,39.6%) |
CMYK | 0, 20, 58, 5 | |
HSL | 39.1°, 84.4, 67.3 | hsl(39.1,84.4%,67.3%) |
HSV (or HSB) | 39.1°, 58.3, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.716, 7.309, 52.232 |
---|---|
XYZ | 58.037, 57.959, 20.442 |
xyY | 0.425, 0.425, 57.959 |
CIE-LCH | 80.716, 52.741, 82.034 |
CIE-LUV | 80.716, 38.773, 62.152 |
Hunter-Lab | 76.131, 2.848, 37.372 |
Binary | 11110010, 11000001, 01100101 |
Color Schemes with #f2c165
Alternatives to #f2c165
Below, you can see some colors close to #f2c165. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c165 Preview
This text has a font color of #f2c165.
<span style="color:#f2c165;">Text here</span>
This paragraph has a background color of #f2c165.
<p style="background-color:#f2c165;">Content here</p>
This element has a border color of #f2c165.
<div style="border:1px solid #f2c165;">Content here</div>
.text {color:#f2c165;}
.background {background-color:#f2c165;}
.border {border:1px solid #f2c165;}
Shades and Tints of #f2c165
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, #090601 is the darkest color, while #fefbf6 is the lightest one.
-
#090601
#090601
rgb(9,6,1)
-
#1b1202
#1b1202
rgb(27,18,2)
-
#2d1f04
#2d1f04
rgb(45,31,4)
-
#3f2b05
#3f2b05
rgb(63,43,5)
-
#513707
#513707
rgb(81,55,7)
-
#634408
#634408
rgb(99,68,8)
-
#75500a
#75500a
rgb(117,80,10)
-
#875c0b
#875c0b
rgb(135,92,11)
-
#9a690d
#9a690d
rgb(154,105,13)
-
#ac750e
#ac750e
rgb(172,117,14)
-
#be8110
#be8110
rgb(190,129,16)
-
#d08e12
#d08e12
rgb(208,142,18)
-
#e29a13
#e29a13
rgb(226,154,19)
-
#eca41d
#eca41d
rgb(236,164,29)
-
#edab2f
#edab2f
rgb(237,171,47)
-
#efb241
#efb241
rgb(239,178,65)
-
#f0ba53
#f0ba53
rgb(240,186,83)
-
#f2c165
#f2c165
rgb(242,193,101)
-
#f4c877
#f4c877
rgb(244,200,119)
-
#f5d089
#f5d089
rgb(245,208,137)
-
#f7d79b
#f7d79b
rgb(247,215,155)
-
#f8dead
#f8dead
rgb(248,222,173)
-
#fae5bf
#fae5bf
rgb(250,229,191)
-
#fbedd2
#fbedd2
rgb(251,237,210)
-
#fdf4e4
#fdf4e4
rgb(253,244,228)
-
#fefbf6
#fefbf6
rgb(254,251,246)
Tones of #f2c165
A tone is produced by adding gray to any pure hue. In this case, #b2ada5 is the less saturated color, while #ffc558 is the most saturated one.
-
#b2ada5
#b2ada5
rgb(178,173,165)
-
#b8af9f
#b8af9f
rgb(184,175,159)
-
#bfb198
#bfb198
rgb(191,177,152)
-
#c5b392
#c5b392
rgb(197,179,146)
-
#cbb58c
#cbb58c
rgb(203,181,140)
-
#d2b785
#d2b785
rgb(210,183,133)
-
#d8b97f
#d8b97f
rgb(216,185,127)
-
#dfbb78
#dfbb78
rgb(223,187,120)
-
#e5bd72
#e5bd72
rgb(229,189,114)
-
#ecbf6b
#ecbf6b
rgb(236,191,107)
-
#f2c165
#f2c165
rgb(242,193,101)
-
#f8c35f
#f8c35f
rgb(248,195,95)
-
#ffc558
#ffc558
rgb(255,197,88)
Color Blindness Simulator
Below, you can see how #f2c165 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.