#f4a250 Color Information
In a RGB color space, hex #f4a250 is composed of 95.7% red, 63.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.6% magenta, 67.2% yellow and 4.3% black. It has a hue angle of 30 degrees, a saturation of 88.2% and a lightness of 63.5%. #f4a250 color hex could be obtained by blending #ffffa0 with #e94500. Closest websafe color is: #ff9966.
-
- R 96
- G 64
- B 31
-
- C 0
- M 34
- Y 67
- K 4
● #f4a250 color description : Soft orange.
#f4a250 Color Conversion
The hexadecimal color #f4a250 has RGB values of R:244, G:162, B:80 and CMYK values of C:0, M:0.34, Y:0.67, K:0.04. Its decimal value is 16032336.
Hex triplet | f4a250 | #f4a250 |
---|---|---|
RGB Decimal | 244, 162, 80 | rgb(244,162,80) |
RGB Percent | 95.7, 63.5, 31.4 | rgb(95.7%,63.5%,31.4%) |
CMYK | 0, 34, 67, 4 | |
HSL | 30°, 88.2, 63.5 | hsl(30,88.2%,63.5%) |
HSV (or HSB) | 30°, 67.2, 95.7 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 73.322, 23.083, 53.833 |
---|---|
XYZ | 51.678, 45.656, 13.68 |
xyY | 0.466, 0.411, 45.656 |
CIE-LCH | 73.322, 58.574, 66.791 |
CIE-LUV | 73.322, 64.821, 57.305 |
Hunter-Lab | 67.57, 18.271, 35.295 |
Binary | 11110100, 10100010, 01010000 |
Color Schemes with #f4a250
Alternatives to #f4a250
Below, you can see some colors close to #f4a250. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4a250 Preview
This text has a font color of #f4a250.
<span style="color:#f4a250;">Text here</span>
This paragraph has a background color of #f4a250.
<p style="background-color:#f4a250;">Content here</p>
This element has a border color of #f4a250.
<div style="border:1px solid #f4a250;">Content here</div>
.text {color:#f4a250;}
.background {background-color:#f4a250;}
.border {border:1px solid #f4a250;}
Shades and Tints of #f4a250
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, #0a0501 is the darkest color, while #fefaf6 is the lightest one.
-
#0a0501
#0a0501
rgb(10,5,1)
-
#1c0f02
#1c0f02
rgb(28,15,2)
-
#2e1903
#2e1903
rgb(46,25,3)
-
#412204
#412204
rgb(65,34,4)
-
#532c05
#532c05
rgb(83,44,5)
-
#663606
#663606
rgb(102,54,6)
-
#784008
#784008
rgb(120,64,8)
-
#8b4a09
#8b4a09
rgb(139,74,9)
-
#9d540a
#9d540a
rgb(157,84,10)
-
#b05d0b
#b05d0b
rgb(176,93,11)
-
#c2670c
#c2670c
rgb(194,103,12)
-
#d5710d
#d5710d
rgb(213,113,13)
-
#e77b0f
#e77b0f
rgb(231,123,15)
-
#f18519
#f18519
rgb(241,133,25)
-
#f28e2b
#f28e2b
rgb(242,142,43)
-
#f3983e
#f3983e
rgb(243,152,62)
-
#f4a250
#f4a250
rgb(244,162,80)
-
#f5ac62
#f5ac62
rgb(245,172,98)
-
#f6b675
#f6b675
rgb(246,182,117)
-
#f7bf87
#f7bf87
rgb(247,191,135)
-
#f9c99a
#f9c99a
rgb(249,201,154)
-
#fad3ac
#fad3ac
rgb(250,211,172)
-
#fbddbf
#fbddbf
rgb(251,221,191)
-
#fce7d1
#fce7d1
rgb(252,231,209)
-
#fdf0e4
#fdf0e4
rgb(253,240,228)
-
#fefaf6
#fefaf6
rgb(254,250,246)
Tones of #f4a250
A tone is produced by adding gray to any pure hue. In this case, #a5a29f is the less saturated color, while #fba249 is the most saturated one.
-
#a5a29f
#a5a29f
rgb(165,162,159)
-
#aca298
#aca298
rgb(172,162,152)
-
#b4a290
#b4a290
rgb(180,162,144)
-
#bba289
#bba289
rgb(187,162,137)
-
#c2a282
#c2a282
rgb(194,162,130)
-
#c9a27b
#c9a27b
rgb(201,162,123)
-
#d0a274
#d0a274
rgb(208,162,116)
-
#d7a26d
#d7a26d
rgb(215,162,109)
-
#dfa265
#dfa265
rgb(223,162,101)
-
#e6a25e
#e6a25e
rgb(230,162,94)
-
#eda257
#eda257
rgb(237,162,87)
-
#f4a250
#f4a250
rgb(244,162,80)
-
#fba249
#fba249
rgb(251,162,73)
Color Blindness Simulator
Below, you can see how #f4a250 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.