#ffba01 Hex Color Information

#ffba01 color image
#ffba01 hex color is composed of 100.0% red, 72.9% green and 0.4% blue. This color's complement is #0146ff. The CMYK color model (used in color printing) for #ffba01 is 0% cyan, 27% magenta, 100% yellow and 0% black. #ffba01 hex color decimal value is 16759297. The #ffba01 hex color can be used on a black background.

#ffba01 Color Conversions

Hex Triplet ffba01
RGB 255, 186, 1
RGB Percent 100.0%, 72.9%, 0.4%
HSV 43.70º, 100%, 50%
XYZ 58.804, 56.380, 7.812
LAB 0.798, 0.130, 0.821
CMYK 0%, 27%, 100%, 0%
Decimal 16759297
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ffcc00

Closest Colors

Below you can see alternatives to #ffba01.

    #ffba01 Color Schemes

    Below you can see compatible color combinations for #ffba01.

    Complementary Color

    Complementary colors, known as contrasting colors in the color wheel, are used to achieve a high-contrast, vibrant appearance.

    #ffba01 #0146ff

    Analogous Colors

    Analogous colors are arranged side by side on the color wheel. It is generally used for harmonious and quiet designs.

    #c5ff01 #ffba01 #ff3b01

    Triadic Colors

    The triadic colors, uses colors that are evenly spaced around the color wheel.

    #01ffba #ffba01 #ba01ff

    Tetradic Colors

    The tetradic color scheme consists of four colors arranged in two complementary colors.

    #01ff3b #ffba01 #0146ff #ff01c5

    Split Complementary Colors

    The split complementary colors consist of complementary colors on either side of the selected main color.

    #01c5ff #ffba01 #3b01ff

    Lighten and Darken Colors

    Below you can see lighter and darker shades of #ffba01.

    #ffc834 #ffba01 #cd9500

    Monochromatic Colors

    Monochromatic colors consist of colors that are created from light to dark color by adding black and white tones.

    #b48300 #cd9500 #e7a800 #ffba01 #ffc11b #ffc834 #ffcf4e

    #ffba01 Tints, Tones and Shades

    Tints

    Tints are created by adding white tones to any color on the color song. In this way a lighter color than the original one is obtained.

    #ffc11a #ffc834 #ffcf4d #ffd667 #ffdd80 #ffe399 #ffeab3 #fff1cc #fff8e6

    Tones

    In order to create a shade of colors, it is necessary to add the shades of gray color, which is a mixture of that color, white and black. This creates a more vibrant and new look.

    #8d8673 #998c67 #a6915a #b3974d #c09d41 #cca334 #d9a927 #e6ae1a #f2b40e

    Shades

    Shades are used to make a color darker. It is done by adding black tones.

    #1a1300 #332500 #4d3800 #664a00 #805d01 #997001 #b38201 #cc9501 #e6a701

    #ffba01 CSS Examples

    The text has a font color of #ffba01

    color: #ffba01;

    This element has a background-color of #ffba01

    background-color: #ffba01;

    This element has a border-color of #ffba01

    border: 1px solid #ffba01;

    This element has a box-shadow color of #ffba01

    -webkit-box-shadow : 4px 4px 1px 1px #ffba01;
    -moz-box-shadow : 4px 4px 1px 1px #ffba01;
    box-shadow : 4px 4px 1px 1px #ffba01;

    This element has a text-shadow color of #ffba01

    -webkit-text-shadow : 1px 1px 2px #ffba01;
    -moz-text-shadow : 1px 1px 2px #ffba01;
    text-shadow : 1px 1px 2px #ffba01;



    Gradient color of #ffba01

    background-color: #ffba01; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba01', endColorstr='#cd9500'); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffba01), to(#cd9500)); 
    background-image: -webkit-linear-gradient(top, #ffba01, #cd9500); 
    background-image: -moz-linear-gradient(top, #ffba01, #cd9500); 
    background-image: -o-linear-gradient(top, #ffba01, #cd9500); 
    background-image: linear-gradient(to bottom, #ffba01, #cd9500);