#ffba74 Color Information
In a RGB color space, hex #ffba74 is composed of 100% red, 72.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 54.5% yellow and 0% black. It has a hue angle of 30.2 degrees, a saturation of 100% and a lightness of 72.7%. #ffba74 color hex could be obtained by blending #ffffe8 with #ff7500. Closest websafe color is: #ffcc66.
-
- R 100
- G 73
- B 45
-
- C 0
- M 27
- Y 55
- K 0
● #ffba74 color description : Very light orange.
#ffba74 Color Conversion
The hexadecimal color #ffba74 has RGB values of R:255, G:186, B:116 and CMYK values of C:0, M:0.27, Y:0.55, K:0. Its decimal value is 16759412.
Hex triplet | ffba74 | #ffba74 |
---|---|---|
RGB Decimal | 255, 186, 116 | rgb(255,186,116) |
RGB Percent | 100, 72.9, 45.5 | rgb(100%,72.9%,45.5%) |
CMYK | 0, 27, 55, 0 | |
HSL | 30.2°, 100, 72.7 | hsl(30.2,100%,72.7%) |
HSV (or HSB) | 30.2°, 54.5, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.539, 17.402, 44.991 |
---|---|
XYZ | 61.952, 57.642, 24.385 |
xyY | 0.43, 0.4, 57.642 |
CIE-LCH | 80.539, 48.24, 68.854 |
CIE-LUV | 80.539, 52.385, 52.956 |
Hunter-Lab | 75.922, 12.79, 34.103 |
Binary | 11111111, 10111010, 01110100 |
Color Schemes with #ffba74
Alternatives to #ffba74
Below, you can see some colors close to #ffba74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffba74 Preview
This text has a font color of #ffba74.
<span style="color:#ffba74;">Text here</span>
This paragraph has a background color of #ffba74.
<p style="background-color:#ffba74;">Content here</p>
This element has a border color of #ffba74.
<div style="border:1px solid #ffba74;">Content here</div>
.text {color:#ffba74;}
.background {background-color:#ffba74;}
.border {border:1px solid #ffba74;}
Shades and Tints of #ffba74
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, #120900 is the darkest color, while #fffefd is the lightest one.
-
#120900
#120900
rgb(18,9,0)
-
#261300
#261300
rgb(38,19,0)
-
#391d00
#391d00
rgb(57,29,0)
-
#4d2700
#4d2700
rgb(77,39,0)
-
#603100
#603100
rgb(96,49,0)
-
#743a00
#743a00
rgb(116,58,0)
-
#884400
#884400
rgb(136,68,0)
-
#9b4e00
#9b4e00
rgb(155,78,0)
-
#af5800
#af5800
rgb(175,88,0)
-
#c26200
#c26200
rgb(194,98,0)
-
#d66c00
#d66c00
rgb(214,108,0)
-
#ea7600
#ea7600
rgb(234,118,0)
-
#fd8000
#fd8000
rgb(253,128,0)
-
#ff8912
#ff8912
rgb(255,137,18)
-
#ff9326
#ff9326
rgb(255,147,38)
-
#ff9d39
#ff9d39
rgb(255,157,57)
-
#ffa74d
#ffa74d
rgb(255,167,77)
-
#ffb060
#ffb060
rgb(255,176,96)
-
#ffba74
#ffba74
rgb(255,186,116)
-
#ffc488
#ffc488
rgb(255,196,136)
-
#ffcd9b
#ffcd9b
rgb(255,205,155)
-
#ffd7af
#ffd7af
rgb(255,215,175)
-
#ffe1c2
#ffe1c2
rgb(255,225,194)
-
#ffebd6
#ffebd6
rgb(255,235,214)
-
#fff4ea
#fff4ea
rgb(255,244,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ffba74
A tone is produced by adding gray to any pure hue. In this case, #bfbab4 is the less saturated color, while #ffba74 is the most saturated one.
-
#bfbab4
#bfbab4
rgb(191,186,180)
-
#c4baaf
#c4baaf
rgb(196,186,175)
-
#cabaa9
#cabaa9
rgb(202,186,169)
-
#cfbaa4
#cfbaa4
rgb(207,186,164)
-
#d4ba9f
#d4ba9f
rgb(212,186,159)
-
#daba99
#daba99
rgb(218,186,153)
-
#dfba94
#dfba94
rgb(223,186,148)
-
#e4ba8f
#e4ba8f
rgb(228,186,143)
-
#eaba89
#eaba89
rgb(234,186,137)
-
#efba84
#efba84
rgb(239,186,132)
-
#f4ba7f
#f4ba7f
rgb(244,186,127)
-
#faba79
#faba79
rgb(250,186,121)
-
#ffba74
#ffba74
rgb(255,186,116)
Color Blindness Simulator
Below, you can see how #ffba74 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.