#f4c475 Color Information
In a RGB color space, hex #f4c475 is composed of 95.7% red, 76.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 52% yellow and 4.3% black. It has a hue angle of 37.3 degrees, a saturation of 85.2% and a lightness of 70.8%. #f4c475 color hex could be obtained by blending #ffffea with #e98900. Closest websafe color is: #ffcc66.
-
- R 96
- G 77
- B 46
-
- C 0
- M 20
- Y 52
- K 4
● #f4c475 color description : Soft orange.
#f4c475 Color Conversion
The hexadecimal color #f4c475 has RGB values of R:244, G:196, B:117 and CMYK values of C:0, M:0.2, Y:0.52, K:0.04. Its decimal value is 16041077.
Hex triplet | f4c475 | #f4c475 |
---|---|---|
RGB Decimal | 244, 196, 117 | rgb(244,196,117) |
RGB Percent | 95.7, 76.9, 45.9 | rgb(95.7%,76.9%,45.9%) |
CMYK | 0, 20, 52, 4 | |
HSL | 37.3°, 85.2, 70.8 | hsl(37.3,85.2%,70.8%) |
HSV (or HSB) | 37.3°, 52, 95.7 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.838, 7.819, 45.834 |
---|---|
XYZ | 60.259, 60, 25.236 |
xyY | 0.414, 0.412, 60 |
CIE-LCH | 81.838, 46.497, 80.318 |
CIE-LUV | 81.838, 37.056, 56.297 |
Hunter-Lab | 77.46, 3.309, 34.905 |
Binary | 11110100, 11000100, 01110101 |
Color Schemes with #f4c475
Alternatives to #f4c475
Below, you can see some colors close to #f4c475. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4c475 Preview
This text has a font color of #f4c475.
<span style="color:#f4c475;">Text here</span>
This paragraph has a background color of #f4c475.
<p style="background-color:#f4c475;">Content here</p>
This element has a border color of #f4c475.
<div style="border:1px solid #f4c475;">Content here</div>
.text {color:#f4c475;}
.background {background-color:#f4c475;}
.border {border:1px solid #f4c475;}
Shades and Tints of #f4c475
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, #070501 is the darkest color, while #fefaf4 is the lightest one.
-
#070501
#070501
rgb(7,5,1)
-
#1a1102
#1a1102
rgb(26,17,2)
-
#2c1c03
#2c1c03
rgb(44,28,3)
-
#3e2805
#3e2805
rgb(62,40,5)
-
#503406
#503406
rgb(80,52,6)
-
#624008
#624008
rgb(98,64,8)
-
#744c09
#744c09
rgb(116,76,9)
-
#87580b
#87580b
rgb(135,88,11)
-
#99640c
#99640c
rgb(153,100,12)
-
#ab6f0e
#ab6f0e
rgb(171,111,14)
-
#bd7b0f
#bd7b0f
rgb(189,123,15)
-
#cf8711
#cf8711
rgb(207,135,17)
-
#e19312
#e19312
rgb(225,147,18)
-
#ed9d1a
#ed9d1a
rgb(237,157,26)
-
#eea52c
#eea52c
rgb(238,165,44)
-
#f0ad3e
#f0ad3e
rgb(240,173,62)
-
#f1b451
#f1b451
rgb(241,180,81)
-
#f3bc63
#f3bc63
rgb(243,188,99)
-
#f4c475
#f4c475
rgb(244,196,117)
-
#f5cc87
#f5cc87
rgb(245,204,135)
-
#f7d499
#f7d499
rgb(247,212,153)
-
#f8dbac
#f8dbac
rgb(248,219,172)
-
#fae3be
#fae3be
rgb(250,227,190)
-
#fbebd0
#fbebd0
rgb(251,235,208)
-
#fdf3e2
#fdf3e2
rgb(253,243,226)
-
#fefaf4
#fefaf4
rgb(254,250,244)
Tones of #f4c475
A tone is produced by adding gray to any pure hue. In this case, #b5b5b4 is the less saturated color, while #fac56f is the most saturated one.
-
#b5b5b4
#b5b5b4
rgb(181,181,180)
-
#bbb6ae
#bbb6ae
rgb(187,182,174)
-
#c0b7a9
#c0b7a9
rgb(192,183,169)
-
#c6b9a3
#c6b9a3
rgb(198,185,163)
-
#ccba9d
#ccba9d
rgb(204,186,157)
-
#d2bc97
#d2bc97
rgb(210,188,151)
-
#d7bd92
#d7bd92
rgb(215,189,146)
-
#ddbe8c
#ddbe8c
rgb(221,190,140)
-
#e3c086
#e3c086
rgb(227,192,134)
-
#e9c180
#e9c180
rgb(233,193,128)
-
#eec37b
#eec37b
rgb(238,195,123)
-
#f4c475
#f4c475
rgb(244,196,117)
-
#fac56f
#fac56f
rgb(250,197,111)
Color Blindness Simulator
Below, you can see how #f4c475 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.