#f2a22a Color Information
In a RGB color space, hex #f2a22a is composed of 94.9% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 82.6% yellow and 5.1% black. It has a hue angle of 36 degrees, a saturation of 88.5% and a lightness of 55.7%. #f2a22a color hex could be obtained by blending #ffff54 with #e54500. Closest websafe color is: #ff9933.
-
- R 95
- G 64
- B 16
-
- C 0
- M 33
- Y 83
- K 5
● #f2a22a color description : Bright orange.
#f2a22a Color Conversion
The hexadecimal color #f2a22a has RGB values of R:242, G:162, B:42 and CMYK values of C:0, M:0.33, Y:0.83, K:0.05. Its decimal value is 15901226.
Hex triplet | f2a22a | #f2a22a |
---|---|---|
RGB Decimal | 242, 162, 42 | rgb(242,162,42) |
RGB Percent | 94.9, 63.5, 16.5 | rgb(94.9%,63.5%,16.5%) |
CMYK | 0, 33, 83, 5 | |
HSL | 36°, 88.5, 55.7 | hsl(36,88.5%,55.7%) |
HSV (or HSB) | 36°, 82.6, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.818, 20.675, 68.595 |
---|---|
XYZ | 49.957, 44.888, 8.224 |
xyY | 0.485, 0.436, 44.888 |
CIE-LCH | 72.818, 71.643, 73.227 |
CIE-LUV | 72.818, 65.629, 67.967 |
Hunter-Lab | 66.999, 15.85, 39.622 |
Binary | 11110010, 10100010, 00101010 |
Color Schemes with #f2a22a
Alternatives to #f2a22a
Below, you can see some colors close to #f2a22a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a22a Preview
This text has a font color of #f2a22a.
<span style="color:#f2a22a;">Text here</span>
This paragraph has a background color of #f2a22a.
<p style="background-color:#f2a22a;">Content here</p>
This element has a border color of #f2a22a.
<div style="border:1px solid #f2a22a;">Content here</div>
.text {color:#f2a22a;}
.background {background-color:#f2a22a;}
.border {border:1px solid #f2a22a;}
Shades and Tints of #f2a22a
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, #090601 is the darkest color, while #fefbf5 is the lightest one.
-
#090601
#090601
rgb(9,6,1)
-
#1b1102
#1b1102
rgb(27,17,2)
-
#2e1d03
#2e1d03
rgb(46,29,3)
-
#402804
#402804
rgb(64,40,4)
-
#533405
#533405
rgb(83,52,5)
-
#653f06
#653f06
rgb(101,63,6)
-
#784b07
#784b07
rgb(120,75,7)
-
#8a5608
#8a5608
rgb(138,86,8)
-
#9d620a
#9d620a
rgb(157,98,10)
-
#af6d0b
#af6d0b
rgb(175,109,11)
-
#c2790c
#c2790c
rgb(194,121,12)
-
#d4850d
#d4850d
rgb(212,133,13)
-
#e7900e
#e7900e
rgb(231,144,14)
-
#f19a18
#f19a18
rgb(241,154,24)
-
#f2a22a
#f2a22a
rgb(242,162,42)
-
#f3aa3c
#f3aa3c
rgb(243,170,60)
-
#f4b24f
#f4b24f
rgb(244,178,79)
-
#f5ba61
#f5ba61
rgb(245,186,97)
-
#f7c274
#f7c274
rgb(247,194,116)
-
#f8ca86
#f8ca86
rgb(248,202,134)
-
#f9d299
#f9d299
rgb(249,210,153)
-
#fadbab
#fadbab
rgb(250,219,171)
-
#fbe3be
#fbe3be
rgb(251,227,190)
-
#fcebd0
#fcebd0
rgb(252,235,208)
-
#fdf3e3
#fdf3e3
rgb(253,243,227)
-
#fefbf5
#fefbf5
rgb(254,251,245)
Tones of #f2a22a
A tone is produced by adding gray to any pure hue. In this case, #928f8a is the less saturated color, while #fba421 is the most saturated one.
-
#928f8a
#928f8a
rgb(146,143,138)
-
#9b9181
#9b9181
rgb(155,145,129)
-
#a49278
#a49278
rgb(164,146,120)
-
#ac9470
#ac9470
rgb(172,148,112)
-
#b59667
#b59667
rgb(181,150,103)
-
#be985e
#be985e
rgb(190,152,94)
-
#c79955
#c79955
rgb(199,153,85)
-
#cf9b4d
#cf9b4d
rgb(207,155,77)
-
#d89d44
#d89d44
rgb(216,157,68)
-
#e19f3b
#e19f3b
rgb(225,159,59)
-
#e9a033
#e9a033
rgb(233,160,51)
-
#f2a22a
#f2a22a
rgb(242,162,42)
-
#fba421
#fba421
rgb(251,164,33)
Color Blindness Simulator
Below, you can see how #f2a22a 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.