#ffb24a Color Information
In a RGB color space, hex #ffb24a is composed of 100% red, 69.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 71% yellow and 0% black. It has a hue angle of 34.5 degrees, a saturation of 100% and a lightness of 64.5%. #ffb24a color hex could be obtained by blending #ffff94 with #ff6500. Closest websafe color is: #ff9933.
-
- R 100
- G 70
- B 29
-
- C 0
- M 30
- Y 71
- K 0
● #ffb24a color description : Light orange.
#ffb24a Color Conversion
The hexadecimal color #ffb24a has RGB values of R:255, G:178, B:74 and CMYK values of C:0, M:0.3, Y:0.71, K:0. Its decimal value is 16757322.
Hex triplet | ffb24a | #ffb24a |
---|---|---|
RGB Decimal | 255, 178, 74 | rgb(255,178,74) |
RGB Percent | 100, 69.8, 29 | rgb(100%,69.8%,29%) |
CMYK | 0, 30, 71, 0 | |
HSL | 34.5°, 100, 64.5 | hsl(34.5,100%,64.5%) |
HSV (or HSB) | 34.5°, 71, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 78.227, 18.913, 62.124 |
---|---|
XYZ | 58.398, 53.599, 13.748 |
xyY | 0.464, 0.426, 53.599 |
CIE-LCH | 78.227, 64.94, 73.067 |
CIE-LUV | 78.227, 61.693, 66.613 |
Hunter-Lab | 73.211, 14.263, 40.114 |
Binary | 11111111, 10110010, 01001010 |
Color Schemes with #ffb24a
Alternatives to #ffb24a
Below, you can see some colors close to #ffb24a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb24a Preview
This text has a font color of #ffb24a.
<span style="color:#ffb24a;">Text here</span>
This paragraph has a background color of #ffb24a.
<p style="background-color:#ffb24a;">Content here</p>
This element has a border color of #ffb24a.
<div style="border:1px solid #ffb24a;">Content here</div>
.text {color:#ffb24a;}
.background {background-color:#ffb24a;}
.border {border:1px solid #ffb24a;}
Shades and Tints of #ffb24a
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, #0f0900 is the darkest color, while #fffdfb is the lightest one.
-
#0f0900
#0f0900
rgb(15,9,0)
-
#231400
#231400
rgb(35,20,0)
-
#361f00
#361f00
rgb(54,31,0)
-
#4a2b00
#4a2b00
rgb(74,43,0)
-
#5e3600
#5e3600
rgb(94,54,0)
-
#714100
#714100
rgb(113,65,0)
-
#854c00
#854c00
rgb(133,76,0)
-
#985800
#985800
rgb(152,88,0)
-
#ac6300
#ac6300
rgb(172,99,0)
-
#c06e00
#c06e00
rgb(192,110,0)
-
#d37900
#d37900
rgb(211,121,0)
-
#e78500
#e78500
rgb(231,133,0)
-
#fb9000
#fb9000
rgb(251,144,0)
-
#ff990f
#ff990f
rgb(255,153,15)
-
#ffa123
#ffa123
rgb(255,161,35)
-
#ffaa36
#ffaa36
rgb(255,170,54)
-
#ffb24a
#ffb24a
rgb(255,178,74)
-
#ffba5e
#ffba5e
rgb(255,186,94)
-
#ffc371
#ffc371
rgb(255,195,113)
-
#ffcb85
#ffcb85
rgb(255,203,133)
-
#ffd398
#ffd398
rgb(255,211,152)
-
#ffdcac
#ffdcac
rgb(255,220,172)
-
#ffe4c0
#ffe4c0
rgb(255,228,192)
-
#ffecd3
#ffecd3
rgb(255,236,211)
-
#fff5e7
#fff5e7
rgb(255,245,231)
-
#fffdfb
#fffdfb
rgb(255,253,251)
Tones of #ffb24a
A tone is produced by adding gray to any pure hue. In this case, #aba69e is the less saturated color, while #ffb24a is the most saturated one.
-
#aba69e
#aba69e
rgb(171,166,158)
-
#b2a797
#b2a797
rgb(178,167,151)
-
#b9a890
#b9a890
rgb(185,168,144)
-
#c0a989
#c0a989
rgb(192,169,137)
-
#c7aa82
#c7aa82
rgb(199,170,130)
-
#ceab7b
#ceab7b
rgb(206,171,123)
-
#d5ac74
#d5ac74
rgb(213,172,116)
-
#dcad6d
#dcad6d
rgb(220,173,109)
-
#e3ae66
#e3ae66
rgb(227,174,102)
-
#eaaf5f
#eaaf5f
rgb(234,175,95)
-
#f1b058
#f1b058
rgb(241,176,88)
-
#f8b151
#f8b151
rgb(248,177,81)
-
#ffb24a
#ffb24a
rgb(255,178,74)
Color Blindness Simulator
Below, you can see how #ffb24a 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.