breadcrumb

Vivid

Color Code Details

HEX #f15a22
RGB (241, 90, 34);
RGBA (241, 90, 34, 1)
HSL (16, 88%, 54%);
HSLA (16, 88%, 54%, 1);
HSV 16,85,94
HSB 16, 86, 95
HWB 16 13% 5%
CMYK 0, 63, 86, 5
Pantone 165 C

Preview & Codes Examples

Text Color with Vivid

This Text has a Font Color of #f15a22
.text {color:#f15a22;}
.text {color:rgba(241, 90, 34, 1);}
.text {color:hsl(309, 100%, 3%);}

Background Color Using Vivid

This element has a background color of #f15a22
.element {background-color:#f15a22;}
.element {background-color:rgba(241, 90, 34, 1);}
.element {background-color:hsl(309, 100%, 3%);}

Border Styling with Vivid

This element has a border color of #f15a22
.element {border:1px solid #f15a22;}
.element {border:1px solid rgba(241, 90, 34, 1);}
.element {border:1px solid hsl(309, 100%, 3%);}

Preview & Variables

CSS Variables

--variable: #f15a22;

Sass / SCSS

$variable: #f15a22;

Less

@variable: #f15a22;

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.