#f2cc99 Color Information
In a RGB color space, hex #f2cc99 is composed of 94.9% red, 80% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 36.8% yellow and 5.1% black. It has a hue angle of 34.4 degrees, a saturation of 77.4% and a lightness of 77.5%. #f2cc99 color hex could be obtained by blending #ffffff with #e59933. Closest websafe color is: #ffcc99.
-
- R 95
- G 80
- B 60
-
- C 0
- M 16
- Y 37
- K 5
● #f2cc99 color description : Very soft orange.
#f2cc99 Color Conversion
The hexadecimal color #f2cc99 has RGB values of R:242, G:204, B:153 and CMYK values of C:0, M:0.16, Y:0.37, K:0.05. Its decimal value is 15912089.
Hex triplet | f2cc99 | #f2cc99 |
---|---|---|
RGB Decimal | 242, 204, 153 | rgb(242,204,153) |
RGB Percent | 94.9, 80, 60 | rgb(94.9%,80%,60%) |
CMYK | 0, 16, 37, 5 | |
HSL | 34.4°, 77.4, 77.5 | hsl(34.4,77.4%,77.5%) |
HSV (or HSB) | 34.4°, 36.8, 94.9 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 84.155, 6.45, 30.416 |
---|---|
XYZ | 63.96, 64.365, 39.19 |
xyY | 0.382, 0.384, 64.365 |
CIE-LCH | 84.155, 31.092, 78.026 |
CIE-LUV | 84.155, 27.583, 40.156 |
Hunter-Lab | 80.228, 1.908, 27.197 |
Binary | 11110010, 11001100, 10011001 |
Color Schemes with #f2cc99
Alternatives to #f2cc99
Below, you can see some colors close to #f2cc99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2cc99 Preview
This text has a font color of #f2cc99.
<span style="color:#f2cc99;">Text here</span>
This paragraph has a background color of #f2cc99.
<p style="background-color:#f2cc99;">Content here</p>
This element has a border color of #f2cc99.
<div style="border:1px solid #f2cc99;">Content here</div>
.text {color:#f2cc99;}
.background {background-color:#f2cc99;}
.border {border:1px solid #f2cc99;}
Shades and Tints of #f2cc99
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, #020100 is the darkest color, while #fdf7f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140c03
#140c03
rgb(20,12,3)
-
#251705
#251705
rgb(37,23,5)
-
#372207
#372207
rgb(55,34,7)
-
#482d09
#482d09
rgb(72,45,9)
-
#59380b
#59380b
rgb(89,56,11)
-
#6b430e
#6b430e
rgb(107,67,14)
-
#7c4e10
#7c4e10
rgb(124,78,16)
-
#8e5912
#8e5912
rgb(142,89,18)
-
#9f6414
#9f6414
rgb(159,100,20)
-
#b06f16
#b06f16
rgb(176,111,22)
-
#c27a19
#c27a19
rgb(194,122,25)
-
#d3841b
#d3841b
rgb(211,132,27)
-
#e28f1f
#e28f1f
rgb(226,143,31)
-
#e59831
#e59831
rgb(229,152,49)
-
#e7a142
#e7a142
rgb(231,161,66)
-
#e9a953
#e9a953
rgb(233,169,83)
-
#ebb265
#ebb265
rgb(235,178,101)
-
#eebb76
#eebb76
rgb(238,187,118)
-
#f0c388
#f0c388
rgb(240,195,136)
-
#f2cc99
#f2cc99
rgb(242,204,153)
-
#f4d5aa
#f4d5aa
rgb(244,213,170)
-
#f6ddbc
#f6ddbc
rgb(246,221,188)
-
#f9e6cd
#f9e6cd
rgb(249,230,205)
-
#fbefdf
#fbefdf
rgb(251,239,223)
-
#fdf7f0
#fdf7f0
rgb(253,247,240)
Tones of #f2cc99
A tone is produced by adding gray to any pure hue. In this case, #c6c6c5 is the less saturated color, while #fbcd90 is the most saturated one.
-
#c6c6c5
#c6c6c5
rgb(198,198,197)
-
#cac6c1
#cac6c1
rgb(202,198,193)
-
#cfc7bc
#cfc7bc
rgb(207,199,188)
-
#d3c7b8
#d3c7b8
rgb(211,199,184)
-
#d7c8b4
#d7c8b4
rgb(215,200,180)
-
#dcc9af
#dcc9af
rgb(220,201,175)
-
#e0c9ab
#e0c9ab
rgb(224,201,171)
-
#e5caa6
#e5caa6
rgb(229,202,166)
-
#e9cba2
#e9cba2
rgb(233,203,162)
-
#eecb9d
#eecb9d
rgb(238,203,157)
-
#f2cc99
#f2cc99
rgb(242,204,153)
-
#f6cd95
#f6cd95
rgb(246,205,149)
-
#fbcd90
#fbcd90
rgb(251,205,144)
Color Blindness Simulator
Below, you can see how #f2cc99 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.