#f4a580 Color Information
In a RGB color space, hex #f4a580 is composed of 95.7% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 47.5% yellow and 4.3% black. It has a hue angle of 19.1 degrees, a saturation of 84.1% and a lightness of 72.9%. #f4a580 color hex could be obtained by blending #ffffff with #e94b01. Closest websafe color is: #ff9999.
-
- R 96
- G 65
- B 50
-
- C 0
- M 32
- Y 48
- K 4
● #f4a580 color description : Soft orange.
#f4a580 Color Conversion
The hexadecimal color #f4a580 has RGB values of R:244, G:165, B:128 and CMYK values of C:0, M:0.32, Y:0.48, K:0.04. Its decimal value is 16033152.
Hex triplet | f4a580 | #f4a580 |
---|---|---|
RGB Decimal | 244, 165, 128 | rgb(244,165,128) |
RGB Percent | 95.7, 64.7, 50.2 | rgb(95.7%,64.7%,50.2%) |
CMYK | 0, 32, 48, 4 | |
HSL | 19.1°, 84.1, 72.9 | hsl(19.1,84.1%,72.9%) |
HSV (or HSB) | 19.1°, 47.5, 95.7 | |
Web Safe | ff9999 | #ff9999 |
CIE-LAB | 74.639, 25.113, 31.012 |
---|---|
XYZ | 54.66, 47.705, 26.75 |
xyY | 0.423, 0.369, 47.705 |
CIE-LCH | 74.639, 39.905, 50.999 |
CIE-LUV | 74.639, 57.479, 35.404 |
Hunter-Lab | 69.069, 20.392, 25.385 |
Binary | 11110100, 10100101, 10000000 |
Color Schemes with #f4a580
Alternatives to #f4a580
Below, you can see some colors close to #f4a580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4a580 Preview
This text has a font color of #f4a580.
<span style="color:#f4a580;">Text here</span>
This paragraph has a background color of #f4a580.
<p style="background-color:#f4a580;">Content here</p>
This element has a border color of #f4a580.
<div style="border:1px solid #f4a580;">Content here</div>
.text {color:#f4a580;}
.background {background-color:#f4a580;}
.border {border:1px solid #f4a580;}
Shades and Tints of #f4a580
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, #110702 is the darkest color, while #fffffe is the lightest one.
-
#110702
#110702
rgb(17,7,2)
-
#230d03
#230d03
rgb(35,13,3)
-
#361405
#361405
rgb(54,20,5)
-
#481b06
#481b06
rgb(72,27,6)
-
#5a2208
#5a2208
rgb(90,34,8)
-
#6c2909
#6c2909
rgb(108,41,9)
-
#7e300b
#7e300b
rgb(126,48,11)
-
#90360c
#90360c
rgb(144,54,12)
-
#a23d0e
#a23d0e
rgb(162,61,14)
-
#b44410
#b44410
rgb(180,68,16)
-
#c64b11
#c64b11
rgb(198,75,17)
-
#d85213
#d85213
rgb(216,82,19)
-
#ea5814
#ea5814
rgb(234,88,20)
-
#ec6526
#ec6526
rgb(236,101,38)
-
#ee7238
#ee7238
rgb(238,114,56)
-
#ef7f4a
#ef7f4a
rgb(239,127,74)
-
#f18b5c
#f18b5c
rgb(241,139,92)
-
#f2986e
#f2986e
rgb(242,152,110)
-
#f4a580
#f4a580
rgb(244,165,128)
-
#f6b292
#f6b292
rgb(246,178,146)
-
#f7bfa4
#f7bfa4
rgb(247,191,164)
-
#f9cbb6
#f9cbb6
rgb(249,203,182)
-
#fad8c8
#fad8c8
rgb(250,216,200)
-
#fce5da
#fce5da
rgb(252,229,218)
-
#fdf2ec
#fdf2ec
rgb(253,242,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f4a580
A tone is produced by adding gray to any pure hue. In this case, #bfb8b5 is the less saturated color, while #ffa175 is the most saturated one.
-
#bfb8b5
#bfb8b5
rgb(191,184,181)
-
#c4b6b0
#c4b6b0
rgb(196,182,176)
-
#cab4aa
#cab4aa
rgb(202,180,170)
-
#cfb2a5
#cfb2a5
rgb(207,178,165)
-
#d4b1a0
#d4b1a0
rgb(212,177,160)
-
#d9af9b
#d9af9b
rgb(217,175,155)
-
#dfad95
#dfad95
rgb(223,173,149)
-
#e4ab90
#e4ab90
rgb(228,171,144)
-
#e9a98b
#e9a98b
rgb(233,169,139)
-
#efa785
#efa785
rgb(239,167,133)
-
#f4a580
#f4a580
rgb(244,165,128)
-
#f9a37b
#f9a37b
rgb(249,163,123)
-
#ffa175
#ffa175
rgb(255,161,117)
Color Blindness Simulator
Below, you can see how #f4a580 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.