#f2ae1c Color Information
In a RGB color space, hex #f2ae1c is composed of 94.9% red, 68.2% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 88.4% yellow and 5.1% black. It has a hue angle of 40.9 degrees, a saturation of 89.2% and a lightness of 52.9%. #f2ae1c color hex could be obtained by blending #ffff38 with #e55d00. Closest websafe color is: #ff9933.
-
- R 95
- G 68
- B 11
-
- C 0
- M 28
- Y 88
- K 5
● #f2ae1c color description : Vivid orange.
#f2ae1c Color Conversion
The hexadecimal color #f2ae1c has RGB values of R:242, G:174, B:28 and CMYK values of C:0, M:0.28, Y:0.88, K:0.05. Its decimal value is 15904284.
Hex triplet | f2ae1c | #f2ae1c |
---|---|---|
RGB Decimal | 242, 174, 28 | rgb(242,174,28) |
RGB Percent | 94.9, 68.2, 11 | rgb(94.9%,68.2%,11%) |
CMYK | 0, 28, 88, 5 | |
HSL | 40.9°, 89.2, 52.9 | hsl(40.9,89.2%,52.9%) |
HSV (or HSB) | 40.9°, 88.4, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.598, 14.027, 74.634 |
---|---|
XYZ | 51.965, 49.236, 7.865 |
xyY | 0.476, 0.451, 49.236 |
CIE-LCH | 75.598, 75.94, 79.356 |
CIE-LUV | 75.598, 56.492, 74.667 |
Hunter-Lab | 70.169, 9.397, 42.472 |
Binary | 11110010, 10101110, 00011100 |
Color Schemes with #f2ae1c
Alternatives to #f2ae1c
Below, you can see some colors close to #f2ae1c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2ae1c Preview
This text has a font color of #f2ae1c.
<span style="color:#f2ae1c;">Text here</span>
This paragraph has a background color of #f2ae1c.
<p style="background-color:#f2ae1c;">Content here</p>
This element has a border color of #f2ae1c.
<div style="border:1px solid #f2ae1c;">Content here</div>
.text {color:#f2ae1c;}
.background {background-color:#f2ae1c;}
.border {border:1px solid #f2ae1c;}
Shades and Tints of #f2ae1c
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, #0e0a01 is the darkest color, while #fffdfb is the lightest one.
-
#0e0a01
#0e0a01
rgb(14,10,1)
-
#211702
#211702
rgb(33,23,2)
-
#332403
#332403
rgb(51,36,3)
-
#463104
#463104
rgb(70,49,4)
-
#583e05
#583e05
rgb(88,62,5)
-
#6b4b06
#6b4b06
rgb(107,75,6)
-
#7e5807
#7e5807
rgb(126,88,7)
-
#906508
#906508
rgb(144,101,8)
-
#a37209
#a37209
rgb(163,114,9)
-
#b57f0a
#b57f0a
rgb(181,127,10)
-
#c88c0b
#c88c0b
rgb(200,140,11)
-
#da990d
#da990d
rgb(218,153,13)
-
#eda60e
#eda60e
rgb(237,166,14)
-
#f2ae1c
#f2ae1c
rgb(242,174,28)
-
#f3b52f
#f3b52f
rgb(243,181,47)
-
#f4bb41
#f4bb41
rgb(244,187,65)
-
#f5c254
#f5c254
rgb(245,194,84)
-
#f6c866
#f6c866
rgb(246,200,102)
-
#f7cf79
#f7cf79
rgb(247,207,121)
-
#f8d68b
#f8d68b
rgb(248,214,139)
-
#f9dc9e
#f9dc9e
rgb(249,220,158)
-
#fbe3b0
#fbe3b0
rgb(251,227,176)
-
#fceac3
#fceac3
rgb(252,234,195)
-
#fdf0d6
#fdf0d6
rgb(253,240,214)
-
#fef7e8
#fef7e8
rgb(254,247,232)
-
#fffdfb
#fffdfb
rgb(255,253,251)
Tones of #f2ae1c
A tone is produced by adding gray to any pure hue. In this case, #8c8982 is the less saturated color, while #fbb113 is the most saturated one.
-
#8c8982
#8c8982
rgb(140,137,130)
-
#968c78
#968c78
rgb(150,140,120)
-
#9f906f
#9f906f
rgb(159,144,111)
-
#a89366
#a89366
rgb(168,147,102)
-
#b1965d
#b1965d
rgb(177,150,93)
-
#bb9a53
#bb9a53
rgb(187,154,83)
-
#c49d4a
#c49d4a
rgb(196,157,74)
-
#cda141
#cda141
rgb(205,161,65)
-
#d6a438
#d6a438
rgb(214,164,56)
-
#e0a72e
#e0a72e
rgb(224,167,46)
-
#e9ab25
#e9ab25
rgb(233,171,37)
-
#f2ae1c
#f2ae1c
rgb(242,174,28)
-
#fbb113
#fbb113
rgb(251,177,19)
Color Blindness Simulator
Below, you can see how #f2ae1c 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.