#f2b102 Color Information
In a RGB color space, hex #f2b102 is composed of 94.9% red, 69.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 99.2% yellow and 5.1% black. It has a hue angle of 43.8 degrees, a saturation of 98.4% and a lightness of 47.8%. #f2b102 color hex could be obtained by blending #ffff04 with #e56300. Closest websafe color is: #ff9900.
-
- R 95
- G 69
- B 1
-
- C 0
- M 27
- Y 99
- K 5
● #f2b102 color description : Vivid orange.
#f2b102 Color Conversion
The hexadecimal color #f2b102 has RGB values of R:242, G:177, B:2 and CMYK values of C:0, M:0.27, Y:0.99, K:0.05. Its decimal value is 15905026.
Hex triplet | f2b102 | #f2b102 |
---|---|---|
RGB Decimal | 242, 177, 2 | rgb(242,177,2) |
RGB Percent | 94.9, 69.4, 0.8 | rgb(94.9%,69.4%,0.8%) |
CMYK | 0, 27, 99, 5 | |
HSL | 43.8°, 98.4, 47.8 | hsl(43.8,98.4%,47.8%) |
HSV (or HSB) | 43.8°, 99.2, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 76.271, 12.141, 78.911 |
---|---|
XYZ | 52.352, 50.329, 7.015 |
xyY | 0.477, 0.459, 50.329 |
CIE-LCH | 76.271, 79.84, 81.253 |
CIE-LUV | 76.271, 54.502, 77.834 |
Hunter-Lab | 70.943, 7.574, 43.798 |
Binary | 11110010, 10110001, 00000010 |
Color Schemes with #f2b102
Alternatives to #f2b102
Below, you can see some colors close to #f2b102. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b102 Preview
This text has a font color of #f2b102.
<span style="color:#f2b102;">Text here</span>
This paragraph has a background color of #f2b102.
<p style="background-color:#f2b102;">Content here</p>
This element has a border color of #f2b102.
<div style="border:1px solid #f2b102;">Content here</div>
.text {color:#f2b102;}
.background {background-color:#f2b102;}
.border {border:1px solid #f2b102;}
Shades and Tints of #f2b102
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, #090600 is the darkest color, while #fffcf4 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1c1400
#1c1400
rgb(28,20,0)
-
#2f2300
#2f2300
rgb(47,35,0)
-
#433101
#433101
rgb(67,49,1)
-
#563f01
#563f01
rgb(86,63,1)
-
#6a4d01
#6a4d01
rgb(106,77,1)
-
#7d5c01
#7d5c01
rgb(125,92,1)
-
#916a01
#916a01
rgb(145,106,1)
-
#a47801
#a47801
rgb(164,120,1)
-
#b88602
#b88602
rgb(184,134,2)
-
#cb9502
#cb9502
rgb(203,149,2)
-
#dfa302
#dfa302
rgb(223,163,2)
-
#f2b102
#f2b102
rgb(242,177,2)
-
#fdbb0b
#fdbb0b
rgb(253,187,11)
-
#fdc11e
#fdc11e
rgb(253,193,30)
-
#fdc632
#fdc632
rgb(253,198,50)
-
#fdcc45
#fdcc45
rgb(253,204,69)
-
#fed158
#fed158
rgb(254,209,88)
-
#fed66c
#fed66c
rgb(254,214,108)
-
#fedc7f
#fedc7f
rgb(254,220,127)
-
#fee193
#fee193
rgb(254,225,147)
-
#fee6a6
#fee6a6
rgb(254,230,166)
-
#feecba
#feecba
rgb(254,236,186)
-
#fff1cd
#fff1cd
rgb(255,241,205)
-
#fff7e1
#fff7e1
rgb(255,247,225)
-
#fffcf4
#fffcf4
rgb(255,252,244)
Tones of #f2b102
A tone is produced by adding gray to any pure hue. In this case, #817d73 is the less saturated color, while #f2b102 is the most saturated one.
-
#817d73
#817d73
rgb(129,125,115)
-
#8b8269
#8b8269
rgb(139,130,105)
-
#948660
#948660
rgb(148,134,96)
-
#9e8a56
#9e8a56
rgb(158,138,86)
-
#a78f4d
#a78f4d
rgb(167,143,77)
-
#b09344
#b09344
rgb(176,147,68)
-
#ba973a
#ba973a
rgb(186,151,58)
-
#c39b31
#c39b31
rgb(195,155,49)
-
#cca028
#cca028
rgb(204,160,40)
-
#d6a41e
#d6a41e
rgb(214,164,30)
-
#dfa815
#dfa815
rgb(223,168,21)
-
#e9ad0b
#e9ad0b
rgb(233,173,11)
-
#f2b102
#f2b102
rgb(242,177,2)
Color Blindness Simulator
Below, you can see how #f2b102 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.