#f2cc60 Color Information
In a RGB color space, hex #f2cc60 is composed of 94.9% red, 80% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 60.3% yellow and 5.1% black. It has a hue angle of 44.4 degrees, a saturation of 84.9% and a lightness of 66.3%. #f2cc60 color hex could be obtained by blending #ffffc0 with #e59900. Closest websafe color is: #ffcc66.
-
- R 95
- G 80
- B 38
-
- C 0
- M 16
- Y 60
- K 5
● #f2cc60 color description : Soft orange.
#f2cc60 Color Conversion
The hexadecimal color #f2cc60 has RGB values of R:242, G:204, B:96 and CMYK values of C:0, M:0.16, Y:0.6, K:0.05. Its decimal value is 15912032.
Hex triplet | f2cc60 | #f2cc60 |
---|---|---|
RGB Decimal | 242, 204, 96 | rgb(242,204,96) |
RGB Percent | 94.9, 80, 37.6 | rgb(94.9%,80%,37.6%) |
CMYK | 0, 16, 60, 5 | |
HSL | 44.4°, 84.9, 66.3 | hsl(44.4,84.9%,66.3%) |
HSV (or HSB) | 44.4°, 60.3, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.395, 1.259, 57.622 |
---|---|
XYZ | 60.323, 62.91, 20.031 |
xyY | 0.421, 0.439, 62.91 |
CIE-LCH | 83.395, 57.636, 88.748 |
CIE-LUV | 83.395, 31.357, 69.129 |
Hunter-Lab | 79.316, -3.046, 40.547 |
Binary | 11110010, 11001100, 01100000 |
Color Schemes with #f2cc60
Alternatives to #f2cc60
Below, you can see some colors close to #f2cc60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2cc60 Preview
This text has a font color of #f2cc60.
<span style="color:#f2cc60;">Text here</span>
This paragraph has a background color of #f2cc60.
<p style="background-color:#f2cc60;">Content here</p>
This element has a border color of #f2cc60.
<div style="border:1px solid #f2cc60;">Content here</div>
.text {color:#f2cc60;}
.background {background-color:#f2cc60;}
.border {border:1px solid #f2cc60;}
Shades and Tints of #f2cc60
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, #040300 is the darkest color, while #fefbf1 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#161102
#161102
rgb(22,17,2)
-
#281f03
#281f03
rgb(40,31,3)
-
#3b2d05
#3b2d05
rgb(59,45,5)
-
#4d3a06
#4d3a06
rgb(77,58,6)
-
#5f4808
#5f4808
rgb(95,72,8)
-
#715609
#715609
rgb(113,86,9)
-
#83640b
#83640b
rgb(131,100,11)
-
#95720c
#95720c
rgb(149,114,12)
-
#a77f0e
#a77f0e
rgb(167,127,14)
-
#ba8d0f
#ba8d0f
rgb(186,141,15)
-
#cc9b11
#cc9b11
rgb(204,155,17)
-
#dea912
#dea912
rgb(222,169,18)
-
#ecb517
#ecb517
rgb(236,181,23)
-
#eebb2a
#eebb2a
rgb(238,187,42)
-
#efc03c
#efc03c
rgb(239,192,60)
-
#f1c64e
#f1c64e
rgb(241,198,78)
-
#f2cc60
#f2cc60
rgb(242,204,96)
-
#f3d272
#f3d272
rgb(243,210,114)
-
#f5d884
#f5d884
rgb(245,216,132)
-
#f6dd96
#f6dd96
rgb(246,221,150)
-
#f8e3a9
#f8e3a9
rgb(248,227,169)
-
#f9e9bb
#f9e9bb
rgb(249,233,187)
-
#fbefcd
#fbefcd
rgb(251,239,205)
-
#fcf5df
#fcf5df
rgb(252,245,223)
-
#fefbf1
#fefbf1
rgb(254,251,241)
Tones of #f2cc60
A tone is produced by adding gray to any pure hue. In this case, #a9a9a9 is the less saturated color, while #f9cf59 is the most saturated one.
-
#a9a9a9
#a9a9a9
rgb(169,169,169)
-
#b0aca2
#b0aca2
rgb(176,172,162)
-
#b6af9c
#b6af9c
rgb(182,175,156)
-
#bdb395
#bdb395
rgb(189,179,149)
-
#c4b68e
#c4b68e
rgb(196,182,142)
-
#cab988
#cab988
rgb(202,185,136)
-
#d1bc81
#d1bc81
rgb(209,188,129)
-
#d8bf7a
#d8bf7a
rgb(216,191,122)
-
#dec274
#dec274
rgb(222,194,116)
-
#e5c66d
#e5c66d
rgb(229,198,109)
-
#ebc967
#ebc967
rgb(235,201,103)
-
#f2cc60
#f2cc60
rgb(242,204,96)
-
#f9cf59
#f9cf59
rgb(249,207,89)
Color Blindness Simulator
Below, you can see how #f2cc60 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.