#f2c643 Color Information
In a RGB color space, hex #f2c643 is composed of 94.9% red, 77.6% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.2% magenta, 72.3% yellow and 5.1% black. It has a hue angle of 44.9 degrees, a saturation of 87.1% and a lightness of 60.6%. #f2c643 color hex could be obtained by blending #ffff86 with #e58d00. Closest websafe color is: #ffcc33.
-
- R 95
- G 78
- B 26
-
- C 0
- M 18
- Y 72
- K 5
● #f2c643 color description : Bright orange.
#f2c643 Color Conversion
The hexadecimal color #f2c643 has RGB values of R:242, G:198, B:67 and CMYK values of C:0, M:0.18, Y:0.72, K:0.05. Its decimal value is 15910467.
Hex triplet | f2c643 | #f2c643 |
---|---|---|
RGB Decimal | 242, 198, 67 | rgb(242,198,67) |
RGB Percent | 94.9, 77.6, 26.3 | rgb(94.9%,77.6%,26.3%) |
CMYK | 0, 18, 72, 5 | |
HSL | 44.9°, 87.1, 60.6 | hsl(44.9,87.1%,60.6%) |
HSV (or HSB) | 44.9°, 72.3, 94.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.66, 2.724, 67.961 |
---|---|
XYZ | 57.826, 59.673, 13.782 |
xyY | 0.44, 0.455, 59.673 |
CIE-LCH | 81.66, 68.015, 87.704 |
CIE-LUV | 81.66, 36.94, 76.24 |
Hunter-Lab | 77.248, -1.565, 43.496 |
Binary | 11110010, 11000110, 01000011 |
Color Schemes with #f2c643
Alternatives to #f2c643
Below, you can see some colors close to #f2c643. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c643 Preview
This text has a font color of #f2c643.
<span style="color:#f2c643;">Text here</span>
This paragraph has a background color of #f2c643.
<p style="background-color:#f2c643;">Content here</p>
This element has a border color of #f2c643.
<div style="border:1px solid #f2c643;">Content here</div>
.text {color:#f2c643;}
.background {background-color:#f2c643;}
.border {border:1px solid #f2c643;}
Shades and Tints of #f2c643
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, #0e0b01 is the darkest color, while #fffefa is the lightest one.
-
#0e0b01
#0e0b01
rgb(14,11,1)
-
#201902
#201902
rgb(32,25,2)
-
#332703
#332703
rgb(51,39,3)
-
#453505
#453505
rgb(69,53,5)
-
#574306
#574306
rgb(87,67,6)
-
#6a5107
#6a5107
rgb(106,81,7)
-
#7c5f09
#7c5f09
rgb(124,95,9)
-
#8e6d0a
#8e6d0a
rgb(142,109,10)
-
#a17b0b
#a17b0b
rgb(161,123,11)
-
#b3890c
#b3890c
rgb(179,137,12)
-
#c5970e
#c5970e
rgb(197,151,14)
-
#d8a50f
#d8a50f
rgb(216,165,15)
-
#eab310
#eab310
rgb(234,179,16)
-
#efbb1e
#efbb1e
rgb(239,187,30)
-
#f1c031
#f1c031
rgb(241,192,49)
-
#f2c643
#f2c643
rgb(242,198,67)
-
#f3cc55
#f3cc55
rgb(243,204,85)
-
#f5d168
#f5d168
rgb(245,209,104)
-
#f6d77a
#f6d77a
rgb(246,215,122)
-
#f7dc8c
#f7dc8c
rgb(247,220,140)
-
#f8e29f
#f8e29f
rgb(248,226,159)
-
#fae7b1
#fae7b1
rgb(250,231,177)
-
#fbedc3
#fbedc3
rgb(251,237,195)
-
#fcf3d6
#fcf3d6
rgb(252,243,214)
-
#fdf8e8
#fdf8e8
rgb(253,248,232)
-
#fffefa
#fffefa
rgb(255,254,250)
Tones of #f2c643
A tone is produced by adding gray to any pure hue. In this case, #9d9c98 is the less saturated color, while #faca3b is the most saturated one.
-
#9d9c98
#9d9c98
rgb(157,156,152)
-
#a5a090
#a5a090
rgb(165,160,144)
-
#aca389
#aca389
rgb(172,163,137)
-
#b4a781
#b4a781
rgb(180,167,129)
-
#bcab79
#bcab79
rgb(188,171,121)
-
#c4af71
#c4af71
rgb(196,175,113)
-
#cbb36a
#cbb36a
rgb(203,179,106)
-
#d3b762
#d3b762
rgb(211,183,98)
-
#dbba5a
#dbba5a
rgb(219,186,90)
-
#e3be52
#e3be52
rgb(227,190,82)
-
#eac24b
#eac24b
rgb(234,194,75)
-
#f2c643
#f2c643
rgb(242,198,67)
-
#faca3b
#faca3b
rgb(250,202,59)
Color Blindness Simulator
Below, you can see how #f2c643 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.