Mustard yellow

#ffce1b Color Schemes and Preview

The color #ffce1b has a rich RGB composition of 100.0% red, 80.8% green, and 10.6% blue. With its HSL value being H:47°, S:100%, L:55%. It pairs with complementary colors like #1b4cff or harmonious analogous tones such as #ffce1b and #beff1b.

Color Conversion

RGB: R:255, G:206, B:27
HSL: H:47°, S:100%, L:55%
CMYK: C:0, M:19, Y:89, K:0

Similar Colors to #ffce1b

#ffff5a
#ffe73a
#ffce1b
#e3b60e
#c79d00

Colors That Go with #ffce1b

#1b4cff
#ff5c1b
#ffce1b
#beff1b
#1bffce
#ce1bff

Color Variations

Shades

#ffce1b
#d8ac14
#b0890e
#896707
#614500

Tints

#ffce1b
#ffda45
#ffe76f
#fff399
#ffffc3

Tones

#facf54
#fcce38
#ffce1b
#ffce0e
#ffcd00

Hues

#ff5c1b
#c6852b
#8dae3c
#54d64c
#1bff5c

Color Harmonies

Complementary Colors

#1b4cff

Analogous Colors

#ff5c1b
#ffce1b
#beff1b

Split Complementary Colors

#1bbeff
#5c1bff

Triadic Colors

#1bffce
#ce1bff

Monochromatic Colors

#917000
#c89f0e
#ffce1b
#ffe755
#ffff8e

Color Preview

This section previews how the color looks when used in different ways.

This text is styled with the color #ffce1b.

This inline text is colored with #ffce1b.
This paragraph has a background color of #ffce1b.
This element has a border color of #ffce1b.

Accessibility: Contrast Checker

Large Text

Normal Text

1.49:1

WCAG 2.2 Simple Contrast

Normal Text: fail
Large Text: fail
AAA Normal Text: fail
AAA Large Text: fail

Large Text

Normal Text

14.10:1

WCAG 2.2 Simple Contrast

Normal Text: pass
Large Text: pass
AAA Normal Text: pass
AAA Large Text: pass

CSS Codes

Use the following CSS snippets to apply the color to text, background, or borders.

 /* Text Color */
.text {
    color: #ffce1b;
}

/* Background Color */
.background {
    background-color: #ffce1b;
}

/* Border Color */
.border {
    border: 1px solid #ffce1b;
}

#ffce1b Border Color

Div content here
<div style="border:3px solid #ffce1b">Div content here</div>

Div Box Shadow

Div content here 
<div style="-moz-box-shadow: 1px 1px 3px 2px #ffce1b;
                        -webkit-box-shadow: 1px 1px 3px 2px #ffce1b;
                        box-shadow: 1px 1px 3px 2px #ffce1b">Div content here</div>

Text Shadow with Hex Values

Text here

This text has shadow with hex values.

<p style="text-shadow: 4px 4px 2px #ffce1b;">Text here</p>

Text Shadow with RGB Values

Text here

This text has shadow with RGB values.

<p style="text-shadow: 4px 4px 2px rgba(255, 206, 27, 0.8);">Text here</p>

Other Similar Colors: