breadcrumb

Buttercup

Industries that Commonly Use Buttercup

Color Code Details

HEX #f39c12
RGB (243, 156, 18);
RGBA (243, 156, 18, 1)
HSL (37, 90%, 51%);
HSLA (37, 90%, 51%, 1);
HSV 36,92,95
HSB 37, 93, 95
HWB 36 7% 5%
CMYK 0, 36, 93, 5
Pantone 1375 C

Preview & Codes Examples

Text Color with Buttercup

This Text has a Font Color of #f39c12
.text {color:#f39c12;}
.text {color:rgba(243, 156, 18, 1);}
.text {color:hsl(309, 100%, 3%);}

Background Color Using Buttercup

This element has a background color of #f39c12
.element {background-color:#f39c12;}
.element {background-color:rgba(243, 156, 18, 1);}
.element {background-color:hsl(309, 100%, 3%);}

Border Styling with Buttercup

This element has a border color of #f39c12
.element {border:1px solid #f39c12;}
.element {border:1px solid rgba(243, 156, 18, 1);}
.element {border:1px solid hsl(309, 100%, 3%);}

Preview & Variables

CSS Variables

--variable: #f39c12;

Sass / SCSS

$variable: #f39c12;

Less

@variable: #f39c12;

Similar Orange Shades You Might Like

Orange hues express energy, warmth, and friendliness. Perfect for CTAs, food brands, and playful apps. Find more energetic orange tones for your UI palette.

Your Opinion Shapes our Colors.