#f2ae20 Color Information
In a RGB color space, hex #f2ae20 is composed of 94.9% red, 68.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 86.8% yellow and 5.1% black. It has a hue angle of 40.6 degrees, a saturation of 89% and a lightness of 53.7%. #f2ae20 color hex could be obtained by blending #ffff40 with #e55d00. Closest websafe color is: #ff9933.
-
- R 95
- G 68
- B 13
-
- C 0
- M 28
- Y 87
- K 5
● #f2ae20 color description : Vivid orange.
#f2ae20 Color Conversion
The hexadecimal color #f2ae20 has RGB values of R:242, G:174, B:32 and CMYK values of C:0, M:0.28, Y:0.87, K:0.05. Its decimal value is 15904288.
Hex triplet | f2ae20 | #f2ae20 |
---|---|---|
RGB Decimal | 242, 174, 32 | rgb(242,174,32) |
RGB Percent | 94.9, 68.2, 12.5 | rgb(94.9%,68.2%,12.5%) |
CMYK | 0, 28, 87, 5 | |
HSL | 40.6°, 89, 53.7 | hsl(40.6,89%,53.7%) |
HSV (or HSB) | 40.6°, 86.8, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.611, 14.106, 73.716 |
---|---|
XYZ | 52.016, 49.257, 8.134 |
xyY | 0.475, 0.45, 49.257 |
CIE-LCH | 75.611, 75.054, 79.167 |
CIE-LUV | 75.611, 56.389, 74.136 |
Hunter-Lab | 70.183, 9.474, 42.256 |
Binary | 11110010, 10101110, 00100000 |
Color Schemes with #f2ae20
Alternatives to #f2ae20
Below, you can see some colors close to #f2ae20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2ae20 Preview
This text has a font color of #f2ae20.
<span style="color:#f2ae20;">Text here</span>
This paragraph has a background color of #f2ae20.
<p style="background-color:#f2ae20;">Content here</p>
This element has a border color of #f2ae20.
<div style="border:1px solid #f2ae20;">Content here</div>
.text {color:#f2ae20;}
.background {background-color:#f2ae20;}
.border {border:1px solid #f2ae20;}
Shades and Tints of #f2ae20
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, #120c01 is the darkest color, while #fffffe is the lightest one.
-
#120c01
#120c01
rgb(18,12,1)
-
#241902
#241902
rgb(36,25,2)
-
#372603
#372603
rgb(55,38,3)
-
#4a3304
#4a3304
rgb(74,51,4)
-
#5c4005
#5c4005
rgb(92,64,5)
-
#6f4d06
#6f4d06
rgb(111,77,6)
-
#815a08
#815a08
rgb(129,90,8)
-
#946709
#946709
rgb(148,103,9)
-
#a6740a
#a6740a
rgb(166,116,10)
-
#b9800b
#b9800b
rgb(185,128,11)
-
#cb8d0c
#cb8d0c
rgb(203,141,12)
-
#de9a0d
#de9a0d
rgb(222,154,13)
-
#f0a70e
#f0a70e
rgb(240,167,14)
-
#f2ae20
#f2ae20
rgb(242,174,32)
-
#f3b533
#f3b533
rgb(243,181,51)
-
#f4bb45
#f4bb45
rgb(244,187,69)
-
#f5c258
#f5c258
rgb(245,194,88)
-
#f6c96a
#f6c96a
rgb(246,201,106)
-
#f7d07d
#f7d07d
rgb(247,208,125)
-
#f8d68f
#f8d68f
rgb(248,214,143)
-
#fadda2
#fadda2
rgb(250,221,162)
-
#fbe4b4
#fbe4b4
rgb(251,228,180)
-
#fcebc7
#fcebc7
rgb(252,235,199)
-
#fdf1d9
#fdf1d9
rgb(253,241,217)
-
#fef8ec
#fef8ec
rgb(254,248,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f2ae20
A tone is produced by adding gray to any pure hue. In this case, #8e8b84 is the less saturated color, while #fbb117 is the most saturated one.
-
#8e8b84
#8e8b84
rgb(142,139,132)
-
#978e7b
#978e7b
rgb(151,142,123)
-
#a09172
#a09172
rgb(160,145,114)
-
#a99469
#a99469
rgb(169,148,105)
-
#b29860
#b29860
rgb(178,152,96)
-
#bc9b56
#bc9b56
rgb(188,155,86)
-
#c59e4d
#c59e4d
rgb(197,158,77)
-
#cea144
#cea144
rgb(206,161,68)
-
#d7a43b
#d7a43b
rgb(215,164,59)
-
#e0a832
#e0a832
rgb(224,168,50)
-
#e9ab29
#e9ab29
rgb(233,171,41)
-
#f2ae20
#f2ae20
rgb(242,174,32)
-
#fbb117
#fbb117
rgb(251,177,23)
Color Blindness Simulator
Below, you can see how #f2ae20 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.