#ffba00 Color Informations
This page lists more detailed information about the hex color code #ffba00(also known as selective yellow color). In a RGB color space, hex #ffba00 is composed of 255(100%) red, 186(72.94%) green and 0(0%) blue. Its decimal value is 16759296. In a CMYK color space, it is consist of 0% cyan, 27.06% magenta, 100% yellow and 0% black. It has a hue angle of 43.76 degrees, a saturation of 100% and a lightness of 50%.
Color #ffba00 contains mostly Yellow color, is a warm color and closest websafe color is #ffcc00. #ffba00 color hex could be obtained by blending #ffff00 with #ff7500. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#ffba00 color description : luminous vivid orange-yellow/luminous vivid amber.
#ffba00 Color Conversion
-
- Hex triplet ff, ba, 00
- RGB Decimal 255, 186, 0
- RGB Octal 377, 272, 000
- RGB Binary 11111111, 10111010, 00000000
- RGB Percent 100%, 72.94%, 0%
- XYZ 58.7989, 56.3778, 7.783
- xyY 0.4782, 0.4585, 56.3778
-
- CMYK 0%, 27.06%, 100%, 0%
- HSL 43.76°, 100, 50
- HSV(HSB) 43.76°, 100, 100
- CIE-L*AB 79.828, 12.983, 82.219
- CIE-L*CH 79.828, 83.238, 81.026
- CIE-L*UV 79.828, 57.756, 81.507
- Hunter-Lab 75.085, 8.384, 46.414
#ffba00 Color Analysis
Color Schemes with #ffba00
Complementary Color of #ffba00 is #0045ff. Split Complementary Colors of #ffba00 are #3a00ff and #00c5ff. Analogous Colors of #ffba00 are #ff3a00 and #c5ff00. Triadic Colors of #ffba00 are #ba00ff and #00ffba
Shades and Tints of #ffba00
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, #000000 is the darkest color, while #fffaeb is the lightest one.
-
#000000
#000000
rgb(0,0,0) -
#140e00
#140e00
rgb(20,14,0) -
#271d00
#271d00
rgb(39,29,0) -
#3b2b00
#3b2b00
rgb(59,43,0) -
#4e3900
#4e3900
rgb(78,57,0) -
#624800
#624800
rgb(98,72,0) -
#765600
#765600
rgb(118,86,0) -
#896400
#896400
rgb(137,100,0) -
#9d7200
#9d7200
rgb(157,114,0) -
#b18100
#b18100
rgb(177,129,0) -
#c48f00
#c48f00
rgb(196,143,0) -
#d89d00
#d89d00
rgb(216,157,0) -
#ebac00
#ebac00
rgb(235,172,0)
-
#ffba00
#ffba00
rgb(255,186,0) -
#ffbf14
#ffbf14
rgb(255,191,20) -
#ffc527
#ffc527
rgb(255,197,39) -
#ffca3b
#ffca3b
rgb(255,202,59) -
#ffcf4e
#ffcf4e
rgb(255,207,78) -
#ffd562
#ffd562
rgb(255,213,98) -
#ffda76
#ffda76
rgb(255,218,118) -
#ffdf89
#ffdf89
rgb(255,223,137) -
#ffe49d
#ffe49d
rgb(255,228,157) -
#ffeab1
#ffeab1
rgb(255,234,177) -
#ffefc4
#ffefc4
rgb(255,239,196) -
#fff4d8
#fff4d8
rgb(255,244,216) -
#fffaeb
#fffaeb
rgb(255,250,235)
Tones of #ffba00
A tone is produced by adding gray to any pure hue. In this case, #808080 is the less saturated color, while #f5b60a is the most saturated one.
-
#808080
#808080
rgb(128,128,128) -
#898476
#898476
rgb(137,132,118) -
#93896c
#93896c
rgb(147,137,108) -
#9d8d62
#9d8d62
rgb(157,141,98) -
#a79258
#a79258
rgb(167,146,88) -
#b1964e
#b1964e
rgb(177,150,78) -
#ba9b45
#ba9b45
rgb(186,155,69) -
#c49f3b
#c49f3b
rgb(196,159,59) -
#cea431
#cea431
rgb(206,164,49) -
#d8a827
#d8a827
rgb(216,168,39) -
#e2ad1d
#e2ad1d
rgb(226,173,29) -
#ebb114
#ebb114
rgb(235,177,20) -
#f5b60a
#f5b60a
rgb(245,182,10)
Alternatives to #ffba00
Below, site show some colors close to #ffba00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#ff3a00
#ff3a00
rgb(255,58,0) -
#ff5000
#ff5000
rgb(255,80,0) -
#ff6500
#ff6500
rgb(255,101,0) -
#ff7a00
#ff7a00
rgb(255,122,0) -
#ff9000
#ff9000
rgb(255,144,0) -
#ffa500
#ffa500
rgb(255,165,0) -
#ffba00
#ffba00
rgb(255,186,0) -
#ffcf00
#ffcf00
rgb(255,207,0) -
#ffe500
#ffe500
rgb(255,229,0) -
#fffa00
#fffa00
rgb(255,250,0) -
#efff00
#efff00
rgb(239,255,0) -
#daff00
#daff00
rgb(218,255,0) -
#c5ff00
#c5ff00
rgb(197,255,0)
#ffba00 Preview in HTML
This text has a font color of #ffba00.
<span style="color:#ffba00;">Text here</span>
#ffba00 Text Shadow.
<span style="text-shadow:2px 2px 3px #ffba00;">Text here</span>
This paragraph has a background color of #ffba00.
<p style="background-color:#ffba00;">Content here</p>
This element has a border color of #ffba00.
<div style="border:1px solid #ffba00;">Content here</div>
.text{color:#ffba00;}
.background{background-color:#ffba00;}
.border{border:1px solid #ffba00;}
Download #ffba00 color images
Solid color background with hex color code #ffba00(with the name selective yellow). Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -