#f2c278 Color Information
In a RGB color space, hex #f2c278 is composed of 94.9% red, 76.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 50.4% yellow and 5.1% black. It has a hue angle of 36.4 degrees, a saturation of 82.4% and a lightness of 71%. #f2c278 color hex could be obtained by blending #fffff0 with #e58500. Closest websafe color is: #ffcc66.
-
- R 95
- G 76
- B 47
-
- C 0
- M 20
- Y 50
- K 5
● #f2c278 color description : Soft orange.
#f2c278 Color Conversion
The hexadecimal color #f2c278 has RGB values of R:242, G:194, B:120 and CMYK values of C:0, M:0.2, Y:0.5, K:0.05. Its decimal value is 15909496.
Hex triplet | f2c278 | #f2c278 |
---|---|---|
RGB Decimal | 242, 194, 120 | rgb(242,194,120) |
RGB Percent | 94.9, 76.1, 47.1 | rgb(94.9%,76.1%,47.1%) |
CMYK | 0, 20, 50, 5 | |
HSL | 36.4°, 82.4, 71 | hsl(36.4,82.4%,71%) |
HSV (or HSB) | 36.4°, 50.4, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.192, 8.312, 43.496 |
---|---|
XYZ | 59.3, 58.819, 25.998 |
xyY | 0.411, 0.408, 58.819 |
CIE-LCH | 81.192, 44.283, 79.181 |
CIE-LUV | 81.192, 36.736, 53.692 |
Hunter-Lab | 76.694, 3.804, 33.587 |
Binary | 11110010, 11000010, 01111000 |
Color Schemes with #f2c278
Alternatives to #f2c278
Below, you can see some colors close to #f2c278. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c278 Preview
This text has a font color of #f2c278.
<span style="color:#f2c278;">Text here</span>
This paragraph has a background color of #f2c278.
<p style="background-color:#f2c278;">Content here</p>
This element has a border color of #f2c278.
<div style="border:1px solid #f2c278;">Content here</div>
.text {color:#f2c278;}
.background {background-color:#f2c278;}
.border {border:1px solid #f2c278;}
Shades and Tints of #f2c278
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, #080501 is the darkest color, while #fefbf5 is the lightest one.
-
#080501
#080501
rgb(8,5,1)
-
#1a1103
#1a1103
rgb(26,17,3)
-
#2c1c04
#2c1c04
rgb(44,28,4)
-
#3e2806
#3e2806
rgb(62,40,6)
-
#503308
#503308
rgb(80,51,8)
-
#623f09
#623f09
rgb(98,63,9)
-
#734a0b
#734a0b
rgb(115,74,11)
-
#85560d
#85560d
rgb(133,86,13)
-
#97610f
#97610f
rgb(151,97,15)
-
#a96d10
#a96d10
rgb(169,109,16)
-
#bb7912
#bb7912
rgb(187,121,18)
-
#cd8414
#cd8414
rgb(205,132,20)
-
#df9015
#df9015
rgb(223,144,21)
-
#e99a1f
#e99a1f
rgb(233,154,31)
-
#eba230
#eba230
rgb(235,162,48)
-
#edaa42
#edaa42
rgb(237,170,66)
-
#efb254
#efb254
rgb(239,178,84)
-
#f0ba66
#f0ba66
rgb(240,186,102)
-
#f2c278
#f2c278
rgb(242,194,120)
-
#f4ca8a
#f4ca8a
rgb(244,202,138)
-
#f5d29c
#f5d29c
rgb(245,210,156)
-
#f7daae
#f7daae
rgb(247,218,174)
-
#f9e2c0
#f9e2c0
rgb(249,226,192)
-
#fbead1
#fbead1
rgb(251,234,209)
-
#fcf3e3
#fcf3e3
rgb(252,243,227)
-
#fefbf5
#fefbf5
rgb(254,251,245)
Tones of #f2c278
A tone is produced by adding gray to any pure hue. In this case, #b9b6b1 is the less saturated color, while #fdc46d is the most saturated one.
-
#b9b6b1
#b9b6b1
rgb(185,182,177)
-
#bfb7ab
#bfb7ab
rgb(191,183,171)
-
#c4b8a6
#c4b8a6
rgb(196,184,166)
-
#cabaa0
#cabaa0
rgb(202,186,160)
-
#d0bb9a
#d0bb9a
rgb(208,187,154)
-
#d6bc94
#d6bc94
rgb(214,188,148)
-
#dbbd8f
#dbbd8f
rgb(219,189,143)
-
#e1be89
#e1be89
rgb(225,190,137)
-
#e7c083
#e7c083
rgb(231,192,131)
-
#ecc17e
#ecc17e
rgb(236,193,126)
-
#f2c278
#f2c278
rgb(242,194,120)
-
#f8c372
#f8c372
rgb(248,195,114)
-
#fdc46d
#fdc46d
rgb(253,196,109)
Color Blindness Simulator
Below, you can see how #f2c278 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.