saffron Color Codes

Color Preview

Saffron Color Values

Related Colors

Complementary

#003cff

Analogous

hsl(76, 100%, 50%)

hsl(16, 100%, 50%)

Triadic

hsl(166, 100%, 50%)

hsl(286, 100%, 50%)

Tetradic

hsl(136, 100%, 50%)

hsl(226, 100%, 50%)

hsl(316, 100%, 50%)

HTML Snippets

.element { background-color: #FFC300; }

.element { color: #FFC300; }

This is how the text color would appear.

<span style="color: #FFC300;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black13.06 (AA)

White1.61 (Fail)

Shades of Saffron

hsl(46, 100%, 20%)

hsl(46, 100%, 35%)

#FFC300

hsl(46, 100%, 65%)

hsl(46, 100%, 80%)

Color Blindness Simulations

Protanopia (Red-Blind)

#e5e43e

Deuteranopia (Green-Blind)

#e9ed4d

Tritanopia (Blue-Blind)

#fcdde0

Related Palettes

Miami Sunset

About saffron

saffron (#FFC300) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.