#f2b228 Color Information
In a RGB color space, hex #f2b228 is composed of 94.9% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.4% magenta, 83.5% yellow and 5.1% black. It has a hue angle of 41 degrees, a saturation of 88.6% and a lightness of 55.3%. #f2b228 color hex could be obtained by blending #ffff50 with #e56500. Closest websafe color is: #ff9933.
-
- R 95
- G 70
- B 16
-
- C 0
- M 26
- Y 83
- K 5
● #f2b228 color description : Bright orange.
#f2b228 Color Conversion
The hexadecimal color #f2b228 has RGB values of R:242, G:178, B:40 and CMYK values of C:0, M:0.26, Y:0.83, K:0.05. Its decimal value is 15905320.
Hex triplet | f2b228 | #f2b228 |
---|---|---|
RGB Decimal | 242, 178, 40 | rgb(242,178,40) |
RGB Percent | 94.9, 69.8, 15.7 | rgb(94.9%,69.8%,15.7%) |
CMYK | 0, 26, 83, 5 | |
HSL | 41°, 88.6, 55.3 | hsl(41,88.6%,55.3%) |
HSV (or HSB) | 41°, 83.5, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.603, 12.193, 72.411 |
---|---|
XYZ | 52.922, 50.874, 9.04 |
xyY | 0.469, 0.451, 50.874 |
CIE-LCH | 76.603, 73.43, 80.442 |
CIE-LUV | 76.603, 53.007, 74.394 |
Hunter-Lab | 71.326, 7.622, 42.414 |
Binary | 11110010, 10110010, 00101000 |
Color Schemes with #f2b228
Alternatives to #f2b228
Below, you can see some colors close to #f2b228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b228 Preview
This text has a font color of #f2b228.
<span style="color:#f2b228;">Text here</span>
This paragraph has a background color of #f2b228.
<p style="background-color:#f2b228;">Content here</p>
This element has a border color of #f2b228.
<div style="border:1px solid #f2b228;">Content here</div>
.text {color:#f2b228;}
.background {background-color:#f2b228;}
.border {border:1px solid #f2b228;}
Shades and Tints of #f2b228
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, #070500 is the darkest color, while #fefbf3 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#191202
#191202
rgb(25,18,2)
-
#2c1f03
#2c1f03
rgb(44,31,3)
-
#3e2c04
#3e2c04
rgb(62,44,4)
-
#513905
#513905
rgb(81,57,5)
-
#634606
#634606
rgb(99,70,6)
-
#765307
#765307
rgb(118,83,7)
-
#886008
#886008
rgb(136,96,8)
-
#9b6d09
#9b6d09
rgb(155,109,9)
-
#ad7a0a
#ad7a0a
rgb(173,122,10)
-
#c0870c
#c0870c
rgb(192,135,12)
-
#d2940d
#d2940d
rgb(210,148,13)
-
#e5a10e
#e5a10e
rgb(229,161,14)
-
#f1ab16
#f1ab16
rgb(241,171,22)
-
#f2b228
#f2b228
rgb(242,178,40)
-
#f3b93a
#f3b93a
rgb(243,185,58)
-
#f4bf4d
#f4bf4d
rgb(244,191,77)
-
#f5c65f
#f5c65f
rgb(245,198,95)
-
#f6cc72
#f6cc72
rgb(246,204,114)
-
#f8d384
#f8d384
rgb(248,211,132)
-
#f9da97
#f9da97
rgb(249,218,151)
-
#fae0a9
#fae0a9
rgb(250,224,169)
-
#fbe7bc
#fbe7bc
rgb(251,231,188)
-
#fceece
#fceece
rgb(252,238,206)
-
#fdf4e1
#fdf4e1
rgb(253,244,225)
-
#fefbf3
#fefbf3
rgb(254,251,243)
Tones of #f2b228
A tone is produced by adding gray to any pure hue. In this case, #928f88 is the less saturated color, while #fbb51f is the most saturated one.
-
#928f88
#928f88
rgb(146,143,136)
-
#9a9280
#9a9280
rgb(154,146,128)
-
#a39577
#a39577
rgb(163,149,119)
-
#ac986e
#ac986e
rgb(172,152,110)
-
#b59c65
#b59c65
rgb(181,156,101)
-
#bd9f5d
#bd9f5d
rgb(189,159,93)
-
#c6a254
#c6a254
rgb(198,162,84)
-
#cfa54b
#cfa54b
rgb(207,165,75)
-
#d8a842
#d8a842
rgb(216,168,66)
-
#e0ac3a
#e0ac3a
rgb(224,172,58)
-
#e9af31
#e9af31
rgb(233,175,49)
-
#f2b228
#f2b228
rgb(242,178,40)
-
#fbb51f
#fbb51f
rgb(251,181,31)
Color Blindness Simulator
Below, you can see how #f2b228 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.