#ffcd02 Hex Color Information

#ffcd02 color image
#ffcd02 hex color is composed of 100.0% red, 80.4% green and 0.8% blue. This color's complement is #0234ff. The CMYK color model (used in color printing) for #ffcd02 is 0% cyan, 20% magenta, 99% yellow and 0% black. #ffcd02 hex color decimal value is 16764162. The #ffcd02 hex color can be used on a black background.

#ffcd02 Color Conversions

Hex Triplet ffcd02
RGB 255, 205, 2
RGB Percent 100.0%, 80.4%, 0.8%
HSV 48.14º, 100%, 50%
XYZ 63.082, 64.927, 9.265
LAB 0.844, 0.032, 0.852
CMYK 0%, 20%, 99%, 0%
Decimal 16764162
Color Is Dark No
Color Is Light Yes
Most Readable Black
Web Safe Color ffcc00

Closest Colors

Below you can see alternatives to #ffcd02.

    #ffcd02 Color Schemes

    Below you can see compatible color combinations for #ffcd02.

    Complementary Color

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

    #ffcd02 #0234ff

    Analogous Colors

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

    #b3ff02 #ffcd02 #ff4e02

    Triadic Colors

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

    #02ffcd #ffcd02 #cd02ff

    Tetradic Colors

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

    #02ff4e #ffcd02 #0234ff #ff02b3

    Split Complementary Colors

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

    #02b3ff #ffcd02 #4e02ff

    Lighten and Darken Colors

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

    #ffd735 #ffcd02 #cea500

    Monochromatic Colors

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

    #b49100 #cea500 #e7ba00 #ffcd02 #ffd21b #ffd735 #ffdc4e

    #ffcd02 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.

    #ffd21b #ffd735 #ffdc4e #ffe167 #ffe681 #ffeb9a #fff0b3 #fff5cc #fffae6

    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.

    #8d8873 #998f67 #a6975a #b39f4e #c0a741 #ccae34 #d9b628 #e6be1b #f2c50f

    Shades

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

    #1a1500 #332900 #4d3e01 #665201 #806701 #997b01 #b39001 #cca402 #e6b902

    #ffcd02 CSS Examples

    The text has a font color of #ffcd02

    color: #ffcd02;

    This element has a background-color of #ffcd02

    background-color: #ffcd02;

    This element has a border-color of #ffcd02

    border: 1px solid #ffcd02;

    This element has a box-shadow color of #ffcd02

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

    This element has a text-shadow color of #ffcd02

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



    Gradient color of #ffcd02

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