#f4b372 Color Information
In a RGB color space, hex #f4b372 is composed of 95.7% red, 70.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 53.3% yellow and 4.3% black. It has a hue angle of 30 degrees, a saturation of 85.5% and a lightness of 70.2%. #f4b372 color hex could be obtained by blending #ffffe4 with #e96700. Closest websafe color is: #ffcc66.
-
- R 96
- G 70
- B 45
-
- C 0
- M 27
- Y 53
- K 4
● #f4b372 color description : Soft orange.
#f4b372 Color Conversion
The hexadecimal color #f4b372 has RGB values of R:244, G:179, B:114 and CMYK values of C:0, M:0.27, Y:0.53, K:0.04. Its decimal value is 16036722.
Hex triplet | f4b372 | #f4b372 |
---|---|---|
RGB Decimal | 244, 179, 114 | rgb(244,179,114) |
RGB Percent | 95.7, 70.2, 44.7 | rgb(95.7%,70.2%,44.7%) |
CMYK | 0, 27, 53, 4 | |
HSL | 30°, 85.5, 70.2 | hsl(30,85.5%,70.2%) |
HSV (or HSB) | 30°, 53.3, 95.7 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 77.692, 16.48, 42.229 |
---|---|
XYZ | 56.466, 52.691, 23.115 |
xyY | 0.427, 0.398, 52.691 |
CIE-LCH | 77.692, 45.331, 68.681 |
CIE-LUV | 77.692, 49.176, 49.763 |
Hunter-Lab | 72.589, 11.824, 31.932 |
Binary | 11110100, 10110011, 01110010 |
Color Schemes with #f4b372
Alternatives to #f4b372
Below, you can see some colors close to #f4b372. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4b372 Preview
This text has a font color of #f4b372.
<span style="color:#f4b372;">Text here</span>
This paragraph has a background color of #f4b372.
<p style="background-color:#f4b372;">Content here</p>
This element has a border color of #f4b372.
<div style="border:1px solid #f4b372;">Content here</div>
.text {color:#f4b372;}
.background {background-color:#f4b372;}
.border {border:1px solid #f4b372;}
Shades and Tints of #f4b372
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, #050200 is the darkest color, while #fef8f1 is the lightest one.
-
#050200
#050200
rgb(5,2,0)
-
#170c02
#170c02
rgb(23,12,2)
-
#291603
#291603
rgb(41,22,3)
-
#3b2005
#3b2005
rgb(59,32,5)
-
#4d2a06
#4d2a06
rgb(77,42,6)
-
#603407
#603407
rgb(96,52,7)
-
#723d09
#723d09
rgb(114,61,9)
-
#84470a
#84470a
rgb(132,71,10)
-
#96510c
#96510c
rgb(150,81,12)
-
#a85b0d
#a85b0d
rgb(168,91,13)
-
#bb650f
#bb650f
rgb(187,101,15)
-
#cd6e10
#cd6e10
rgb(205,110,16)
-
#df7811
#df7811
rgb(223,120,17)
-
#ed8217
#ed8217
rgb(237,130,23)
-
#ee8c29
#ee8c29
rgb(238,140,41)
-
#f0963b
#f0963b
rgb(240,150,59)
-
#f19f4e
#f19f4e
rgb(241,159,78)
-
#f3a960
#f3a960
rgb(243,169,96)
-
#f4b372
#f4b372
rgb(244,179,114)
-
#f5bd84
#f5bd84
rgb(245,189,132)
-
#f7c796
#f7c796
rgb(247,199,150)
-
#f8d0a9
#f8d0a9
rgb(248,208,169)
-
#fadabb
#fadabb
rgb(250,218,187)
-
#fbe4cd
#fbe4cd
rgb(251,228,205)
-
#fdeedf
#fdeedf
rgb(253,238,223)
-
#fef8f1
#fef8f1
rgb(254,248,241)
Tones of #f4b372
A tone is produced by adding gray to any pure hue. In this case, #b4b3b2 is the less saturated color, while #fab36c is the most saturated one.
-
#b4b3b2
#b4b3b2
rgb(180,179,178)
-
#bab3ac
#bab3ac
rgb(186,179,172)
-
#bfb3a7
#bfb3a7
rgb(191,179,167)
-
#c5b3a1
#c5b3a1
rgb(197,179,161)
-
#cbb39b
#cbb39b
rgb(203,179,155)
-
#d1b395
#d1b395
rgb(209,179,149)
-
#d7b38f
#d7b38f
rgb(215,179,143)
-
#ddb389
#ddb389
rgb(221,179,137)
-
#e2b384
#e2b384
rgb(226,179,132)
-
#e8b37e
#e8b37e
rgb(232,179,126)
-
#eeb378
#eeb378
rgb(238,179,120)
-
#f4b372
#f4b372
rgb(244,179,114)
-
#fab36c
#fab36c
rgb(250,179,108)
Color Blindness Simulator
Below, you can see how #f4b372 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.