#f2af3a Color Information
In a RGB color space, hex #f2af3a is composed of 94.9% red, 68.6% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.7% magenta, 76% yellow and 5.1% black. It has a hue angle of 38.2 degrees, a saturation of 87.6% and a lightness of 58.8%. #f2af3a color hex could be obtained by blending #ffff74 with #e55f00. Closest websafe color is: #ff9933.
-
- R 95
- G 69
- B 23
-
- C 0
- M 28
- Y 76
- K 5
● #f2af3a color description : Bright orange.
#f2af3a Color Conversion
The hexadecimal color #f2af3a has RGB values of R:242, G:175, B:58 and CMYK values of C:0, M:0.28, Y:0.76, K:0.05. Its decimal value is 15904570.
Hex triplet | f2af3a | #f2af3a |
---|---|---|
RGB Decimal | 242, 175, 58 | rgb(242,175,58) |
RGB Percent | 94.9, 68.6, 22.7 | rgb(94.9%,68.6%,22.7%) |
CMYK | 0, 28, 76, 5 | |
HSL | 38.2°, 87.6, 58.8 | hsl(38.2,87.6%,58.8%) |
HSV (or HSB) | 38.2°, 76, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.975, 14.357, 65.86 |
---|---|
XYZ | 52.713, 49.846, 10.848 |
xyY | 0.465, 0.44, 49.846 |
CIE-LCH | 75.975, 67.407, 77.703 |
CIE-LUV | 75.975, 54.618, 69.384 |
Hunter-Lab | 70.602, 9.719, 40.311 |
Binary | 11110010, 10101111, 00111010 |
Color Schemes with #f2af3a
Alternatives to #f2af3a
Below, you can see some colors close to #f2af3a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2af3a Preview
This text has a font color of #f2af3a.
<span style="color:#f2af3a;">Text here</span>
This paragraph has a background color of #f2af3a.
<p style="background-color:#f2af3a;">Content here</p>
This element has a border color of #f2af3a.
<div style="border:1px solid #f2af3a;">Content here</div>
.text {color:#f2af3a;}
.background {background-color:#f2af3a;}
.border {border:1px solid #f2af3a;}
Shades and Tints of #f2af3a
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, #050400 is the darkest color, while #fefaf2 is the lightest one.
-
#050400
#050400
rgb(5,4,0)
-
#181002
#181002
rgb(24,16,2)
-
#2a1c03
#2a1c03
rgb(42,28,3)
-
#3d2804
#3d2804
rgb(61,40,4)
-
#4f3405
#4f3405
rgb(79,52,5)
-
#614006
#614006
rgb(97,64,6)
-
#744c08
#744c08
rgb(116,76,8)
-
#865909
#865909
rgb(134,89,9)
-
#99650a
#99650a
rgb(153,101,10)
-
#ab710b
#ab710b
rgb(171,113,11)
-
#bd7d0d
#bd7d0d
rgb(189,125,13)
-
#d0890e
#d0890e
rgb(208,137,14)
-
#e2950f
#e2950f
rgb(226,149,15)
-
#f0a015
#f0a015
rgb(240,160,21)
-
#f1a828
#f1a828
rgb(241,168,40)
-
#f2af3a
#f2af3a
rgb(242,175,58)
-
#f3b64c
#f3b64c
rgb(243,182,76)
-
#f4be5f
#f4be5f
rgb(244,190,95)
-
#f6c571
#f6c571
rgb(246,197,113)
-
#f7cd84
#f7cd84
rgb(247,205,132)
-
#f8d496
#f8d496
rgb(248,212,150)
-
#f9dca8
#f9dca8
rgb(249,220,168)
-
#fbe3bb
#fbe3bb
rgb(251,227,187)
-
#fcebcd
#fcebcd
rgb(252,235,205)
-
#fdf2e0
#fdf2e0
rgb(253,242,224)
-
#fefaf2
#fefaf2
rgb(254,250,242)
Tones of #f2af3a
A tone is produced by adding gray to any pure hue. In this case, #999793 is the less saturated color, while #fab132 is the most saturated one.
-
#999793
#999793
rgb(153,151,147)
-
#a1998b
#a1998b
rgb(161,153,139)
-
#a99b83
#a99b83
rgb(169,155,131)
-
#b19d7b
#b19d7b
rgb(177,157,123)
-
#b9a073
#b9a073
rgb(185,160,115)
-
#c2a26a
#c2a26a
rgb(194,162,106)
-
#caa462
#caa462
rgb(202,164,98)
-
#d2a65a
#d2a65a
rgb(210,166,90)
-
#daa852
#daa852
rgb(218,168,82)
-
#e2ab4a
#e2ab4a
rgb(226,171,74)
-
#eaad42
#eaad42
rgb(234,173,66)
-
#f2af3a
#f2af3a
rgb(242,175,58)
-
#fab132
#fab132
rgb(250,177,50)
Color Blindness Simulator
Below, you can see how #f2af3a 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.