#f2b344 Color Information
In a RGB color space, hex #f2b344 is composed of 94.9% red, 70.2% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 71.9% yellow and 5.1% black. It has a hue angle of 38.3 degrees, a saturation of 87% and a lightness of 60.8%. #f2b344 color hex could be obtained by blending #ffff88 with #e56700. Closest websafe color is: #ffcc33.
-
- R 95
- G 70
- B 27
-
- C 0
- M 26
- Y 72
- K 5
● #f2b344 color description : Bright orange.
#f2b344 Color Conversion
The hexadecimal color #f2b344 has RGB values of R:242, G:179, B:68 and CMYK values of C:0, M:0.26, Y:0.72, K:0.05. Its decimal value is 15905604.
Hex triplet | f2b344 | #f2b344 |
---|---|---|
RGB Decimal | 242, 179, 68 | rgb(242,179,68) |
RGB Percent | 94.9, 70.2, 26.7 | rgb(94.9%,70.2%,26.7%) |
CMYK | 0, 26, 72, 5 | |
HSL | 38.3°, 87, 60.8 | hsl(38.3,87%,60.8%) |
HSV (or HSB) | 38.3°, 71.9, 94.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 77.004, 12.681, 62.932 |
---|---|
XYZ | 53.782, 51.538, 12.584 |
xyY | 0.456, 0.437, 51.538 |
CIE-LCH | 77.004, 64.196, 78.607 |
CIE-LUV | 77.004, 51.033, 68.214 |
Hunter-Lab | 71.79, 8.094, 39.86 |
Binary | 11110010, 10110011, 01000100 |
Color Schemes with #f2b344
Alternatives to #f2b344
Below, you can see some colors close to #f2b344. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b344 Preview
This text has a font color of #f2b344.
<span style="color:#f2b344;">Text here</span>
This paragraph has a background color of #f2b344.
<p style="background-color:#f2b344;">Content here</p>
This element has a border color of #f2b344.
<div style="border:1px solid #f2b344;">Content here</div>
.text {color:#f2b344;}
.background {background-color:#f2b344;}
.border {border:1px solid #f2b344;}
Shades and Tints of #f2b344
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, #0f0a01 is the darkest color, while #fffefb is the lightest one.
-
#0f0a01
#0f0a01
rgb(15,10,1)
-
#211602
#211602
rgb(33,22,2)
-
#332204
#332204
rgb(51,34,4)
-
#462e05
#462e05
rgb(70,46,5)
-
#583a06
#583a06
rgb(88,58,6)
-
#6a4707
#6a4707
rgb(106,71,7)
-
#7d5309
#7d5309
rgb(125,83,9)
-
#8f5f0a
#8f5f0a
rgb(143,95,10)
-
#a16b0b
#a16b0b
rgb(161,107,11)
-
#b4770d
#b4770d
rgb(180,119,13)
-
#c6830e
#c6830e
rgb(198,131,14)
-
#d8900f
#d8900f
rgb(216,144,15)
-
#eb9c10
#eb9c10
rgb(235,156,16)
-
#efa41f
#efa41f
rgb(239,164,31)
-
#f1ac32
#f1ac32
rgb(241,172,50)
-
#f2b344
#f2b344
rgb(242,179,68)
-
#f3ba56
#f3ba56
rgb(243,186,86)
-
#f5c269
#f5c269
rgb(245,194,105)
-
#f6c97b
#f6c97b
rgb(246,201,123)
-
#f7d18d
#f7d18d
rgb(247,209,141)
-
#f8d8a0
#f8d8a0
rgb(248,216,160)
-
#fae0b2
#fae0b2
rgb(250,224,178)
-
#fbe7c4
#fbe7c4
rgb(251,231,196)
-
#fcefd7
#fcefd7
rgb(252,239,215)
-
#fdf6e9
#fdf6e9
rgb(253,246,233)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #f2b344
A tone is produced by adding gray to any pure hue. In this case, #9d9c99 is the less saturated color, while #fab53c is the most saturated one.
-
#9d9c99
#9d9c99
rgb(157,156,153)
-
#a59e91
#a59e91
rgb(165,158,145)
-
#ada089
#ada089
rgb(173,160,137)
-
#b4a282
#b4a282
rgb(180,162,130)
-
#bca47a
#bca47a
rgb(188,164,122)
-
#c4a672
#c4a672
rgb(196,166,114)
-
#cca86a
#cca86a
rgb(204,168,106)
-
#d3ab63
#d3ab63
rgb(211,171,99)
-
#dbad5b
#dbad5b
rgb(219,173,91)
-
#e3af53
#e3af53
rgb(227,175,83)
-
#eab14c
#eab14c
rgb(234,177,76)
-
#f2b344
#f2b344
rgb(242,179,68)
-
#fab53c
#fab53c
rgb(250,181,60)
Color Blindness Simulator
Below, you can see how #f2b344 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.