#f4ba80 Color Information
In a RGB color space, hex #f4ba80 is composed of 95.7% red, 72.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 47.5% yellow and 4.3% black. It has a hue angle of 30 degrees, a saturation of 84.1% and a lightness of 72.9%. #f4ba80 color hex could be obtained by blending #ffffff with #e97501. Closest websafe color is: #ffcc99.
-
- R 96
- G 73
- B 50
-
- C 0
- M 24
- Y 48
- K 4
● #f4ba80 color description : Soft orange.
#f4ba80 Color Conversion
The hexadecimal color #f4ba80 has RGB values of R:244, G:186, B:128 and CMYK values of C:0, M:0.24, Y:0.48, K:0.04. Its decimal value is 16038528.
Hex triplet | f4ba80 | #f4ba80 |
---|---|---|
RGB Decimal | 244, 186, 128 | rgb(244,186,128) |
RGB Percent | 95.7, 72.9, 50.2 | rgb(95.7%,72.9%,50.2%) |
CMYK | 0, 24, 48, 4 | |
HSL | 30°, 84.1, 72.9 | hsl(30,84.1%,72.9%) |
HSV (or HSB) | 30°, 47.5, 95.7 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 79.564, 14.039, 37.404 |
---|---|
XYZ | 58.764, 55.912, 28.118 |
xyY | 0.412, 0.392, 55.912 |
CIE-LCH | 79.564, 39.952, 69.427 |
CIE-LUV | 79.564, 43, 45.719 |
Hunter-Lab | 74.774, 9.425, 30.047 |
Binary | 11110100, 10111010, 10000000 |
Color Schemes with #f4ba80
Alternatives to #f4ba80
Below, you can see some colors close to #f4ba80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4ba80 Preview
This text has a font color of #f4ba80.
<span style="color:#f4ba80;">Text here</span>
This paragraph has a background color of #f4ba80.
<p style="background-color:#f4ba80;">Content here</p>
This element has a border color of #f4ba80.
<div style="border:1px solid #f4ba80;">Content here</div>
.text {color:#f4ba80;}
.background {background-color:#f4ba80;}
.border {border:1px solid #f4ba80;}
Shades and Tints of #f4ba80
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, #110902 is the darkest color, while #fffffe is the lightest one.
-
#110902
#110902
rgb(17,9,2)
-
#231303
#231303
rgb(35,19,3)
-
#361d05
#361d05
rgb(54,29,5)
-
#482706
#482706
rgb(72,39,6)
-
#5a3108
#5a3108
rgb(90,49,8)
-
#6c3b09
#6c3b09
rgb(108,59,9)
-
#7e440b
#7e440b
rgb(126,68,11)
-
#904e0c
#904e0c
rgb(144,78,12)
-
#a2580e
#a2580e
rgb(162,88,14)
-
#b46210
#b46210
rgb(180,98,16)
-
#c66c11
#c66c11
rgb(198,108,17)
-
#d87513
#d87513
rgb(216,117,19)
-
#ea7f14
#ea7f14
rgb(234,127,20)
-
#ec8926
#ec8926
rgb(236,137,38)
-
#ee9338
#ee9338
rgb(238,147,56)
-
#ef9d4a
#ef9d4a
rgb(239,157,74)
-
#f1a65c
#f1a65c
rgb(241,166,92)
-
#f2b06e
#f2b06e
rgb(242,176,110)
-
#f4ba80
#f4ba80
rgb(244,186,128)
-
#f6c492
#f6c492
rgb(246,196,146)
-
#f7cea4
#f7cea4
rgb(247,206,164)
-
#f9d7b6
#f9d7b6
rgb(249,215,182)
-
#fae1c8
#fae1c8
rgb(250,225,200)
-
#fcebda
#fcebda
rgb(252,235,218)
-
#fdf5ec
#fdf5ec
rgb(253,245,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f4ba80
A tone is produced by adding gray to any pure hue. In this case, #bfbab5 is the less saturated color, while #ffba75 is the most saturated one.
-
#bfbab5
#bfbab5
rgb(191,186,181)
-
#c4bab0
#c4bab0
rgb(196,186,176)
-
#cabaaa
#cabaaa
rgb(202,186,170)
-
#cfbaa5
#cfbaa5
rgb(207,186,165)
-
#d4baa0
#d4baa0
rgb(212,186,160)
-
#d9ba9b
#d9ba9b
rgb(217,186,155)
-
#dfba95
#dfba95
rgb(223,186,149)
-
#e4ba90
#e4ba90
rgb(228,186,144)
-
#e9ba8b
#e9ba8b
rgb(233,186,139)
-
#efba85
#efba85
rgb(239,186,133)
-
#f4ba80
#f4ba80
rgb(244,186,128)
-
#f9ba7b
#f9ba7b
rgb(249,186,123)
-
#ffba75
#ffba75
rgb(255,186,117)
Color Blindness Simulator
Below, you can see how #f4ba80 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.